/*头部*/

	/*全局设置*/
		
		/*logo*/
		/*header.header a>img.header_logo{vertical-align: middle;}*/

		/*下拉菜单动效*/
		/*header.header ul.nav>li::after{content: "";display: block;width: 0;height: 2px;position: relative;bottom: 2px;left: 50%;transform: translateX(-50%);background-color: #0a8;transition: all 0.36s;}*/
		header.header ul.nav>li{height: 100px;overflow: hidden;}
		header.header2 ul.nav>li, header.header4 ul.nav>li{height: unset;}
		header.header ul.nav>li::after{content: "";display: block;width: 0;height: 0;position: relative;bottom: 2px;left: 50%;transform: translateX(-50%);border: 1px solid rgba(0,0,0,0);transition: all 0.36s;}
		header.header ul.nav>li:hover::after{width: 80%;border-color: #0a8;}
		header.header ul.nav>li>a{padding: 0 20px;}
		/*header.header ul.nav>li>div{position: fixed;top: 100px;left: 0;overflow: hidden;}*/

		/*--修改--*/
			header.header{position: relative;z-index: 100;}
			header.header ul.nav{position: unset;}
			header.header ul.nav>li>div{position: absolute;left: 0;right: 0;top: 100%;width: 100vw;overflow: hidden;}
		/*--修改--*/


		/*模型3的nav样式*/
		header.header ul.nav.demo-nav3>li:hover::after,header.header3 ul.nav.demo-nav3>li.active::after{width: 100%;background-color: #0a8;}
		header.header ul.nav.demo-nav3>li>a{padding: 0 25px;transform: all 0.3s;}

		/*模型4的nav样式*/
		/*header.header.header4{position: absolute;top: 0;left: 0;}*/
		header.header ul.nav.demo-nav4>li::after{display: none;}
		/*.header ul.nav.demo-nav4>li>a{opacity: 0.6}*/
		header.header ul.nav.demo-nav4>li>a::before{content: "";display: block;width: 0;height: 2px;position: relative;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #ff0;transition: all 0.36s;}
		header.header ul.nav.demo-nav4>li.active>a, .header ul.nav.demo-nav4>li:hover>a{opacity: 1;}
		header.header ul.nav.demo-nav4>li.active>a::before, .header ul.nav.demo-nav4>li:hover>a::before{width: 100%;}
		
		/*右侧*/
			.header .header_right div.xl3>span.pd-left-b{padding-left: 15px;}
			.header .header_right div.xl3>span.pd-right-b{padding-right: 15px;}

			/*搜索框*/
			header.header .header_right .header_search1{height: 20px;}
			header.header .header_right .header_search1>i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
			header.header .header_right .header_search1>form{position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 0;}
			header.header .header_right .header_search1>form>input{width: 0;opacity: 0}
			header.header .header_right .header_search1>form>i{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
			header.header .header_right .header_search1:hover>form>input{width: 210px;opacity: 1;}

			/*语言*/
			header.header .header_right>li>div{position: absolute;top: 30px;right: 10px;padding: 10px 0;-webkit-box-shadow: 0 0 16px rgba(0,0,0,.15);box-shadow: 0 0 16px rgba(0,0,0,0.15);opacity: 0;display: none;z-index: 5}
			header.header .header_right>li>div::before{content: "";display: block;width: 0;height: 0;border-width: 6px 8px;border-color: transparent transparent #fff;border-style: solid;position: absolute;top: -12px;right: 32px;}
			header.header .header_right>li>div li:hover{background-color: #f5f5f5;}
			header.header .header_right>li>div li a{display: block;padding: 10px 20px;white-space: nowrap;line-height: 1;}

		/*下拉菜单——版本一*/
			header.header .drop-down.menu1{display: none;z-index: 10}
			header.header .drop-down.menu1 section{min-height: 306.5px;}
			header.header .drop-down.menu1 ul{max-width: 450px;}
			header.header .drop-down.menu1 ul>li>a{display: block;}

			header.header .drop-down.menu1 ul>li:hover{background-color: #0a8;}
			header.header .drop-down.menu1 ul>li>a{color: #555;transition: all 0.5s;}
			header.header .drop-down.menu1 ul>li:hover>a{color: #fff;}

			/*---------------- 小屏笔记本————width>1220 && width<1400 ----------------*/
				@media (max-width: 1220px){
					/*header.header ul.nav>li>a{padding: 0 10px;}*/
				}



		/*下拉菜单——版本二*/
			header.header .drop-down.menu2{position: relative;overflow: unset;}
			header.header .drop-down.menu2>ul{padding: 0;margin: 0;position: absolute;top: 110%;left: 50%;transform: translateX(-50%);width: 210px;opacity: 0;visibility: hidden;transition: all 0.4s;}
			header.header .drop-down.menu2:hover>ul{top: 98%;opacity: 1;visibility: visible;z-index: 1;}
			header.header .drop-down.menu2>ul>li>a{display: block;padding: 14px 30px;color: #959595;border-top: 1px solid #E6E6E6;}
			header.header .drop-down.menu2>ul>li:first-child>a{border: 0;}
			header.header .drop-down.menu2>ul>li>a:hover{background-color: #f2f2f2;padding-left: 40px;color: #666;}
			header.header .drop-down.menu2>ul>li>a>i{opacity: 0;}
			header.header .drop-down.menu2>ul>li>a:hover>i{opacity: 1;}


	/*模版一*/
		header.header1{height: 100px;line-height: 100px;}
			
	/*模版二*/
		header.header2>.container{height: 100px;line-height: 100px;}
		header.header2 ul.nav.naver>li>a{padding: 15px 30px;}
		header.header2 ul.nav.naver>li::before{content: "";display: block;width: 0;height: 2px;position: relative;top: 0;left: 50%;transform: translateX(-50%);background-color: #0a8;transition: all 0.36s;}
		header.header2 ul.nav.naver>li:hover::before{width: 80%;}
		header.header2 ul.nav.naver>li::after{display: none;visibility: hidden;}

	/*模版三*/
		header.header3{height: 100px;line-height: 100px;}
		header.header3 ul.nav.demo-nav3>li:hover,header.header3 ul.nav.demo-nav3>li.active{background-color: #F5F5F5;}

	/*模版四*/
		header.header4{height: 70px;line-height: 70px;position: absolute;top: 0;left: 0;}
		header.header4 .header_right>.a-txt-white:hover{opacity: 1}

	/*----------------移动端响应----------------*/
		@media (max-width: 1220px){
			header.header2 ul.nav.naver>li>a{padding: 15px 19px;}
		}
		@media (max-width: 1024px){
			header.header{position: absolute;}
			header.header1, header.header2, header.header2>.container, header.header3, header.header4{height: 60px;line-height: 60px;z-index: 9;}
			header.test-demo{position: fixed;top: 0;left: 0;}
		}


/*移动端导航页面（隐藏）*/
	/*导航*/
	.menuBtn{position:absolute;right:0;top:18px;padding-top: 5px;margin-right:5px;z-index:99;width:24px;height:24px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;/*overflow: hidden;*/}
	.menuBtn b{display:block;/*margin: 6px 0;*/height:1px;border-radius:3px;background-color:#1e1e1e;transition: transform 1s ease;-ms-transition: transform 1s ease;-moz-transition: transform 1s ease;-webkit-transition: transform 1s ease;-o-transition: transform 1s ease}
	header.header4 .menuBtn b{background-color: #fff;}
	.menuBtn b:nth-child(2){margin: 6px 0;}
	.menuBtn.on b{display:none;margin:0;position:absolute;left:0;top:50%;width:24px;/*background-color:#fff*/}
	.menuBtn.on b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
	.menuBtn.on b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
	/*面板*/
	#m-nav{position: fixed;bottom: 0;right: 0;width: 80%;height: 100%;z-index: -1;-webkit-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease;overflow: hidden;-webkit-transform: translate3d(50%,0,0);-ms-transform: translate3d(50%,0,0);-o-transform: translate3d(50%,0,0);transform: translate3d(50%,0,0);}
	#m-nav::before{content: "";display: block;width: 20px;height: 100%;position: relative;left: -20px;top: 0;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);box-shadow: 0 0 10px rgba(0,0,0,0.a4);z-index: 3;}
	#m-nav.m-open{-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 0;}
	#m-nav section{-webkit-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: transform .6s ease;-o-transition: transform .6s ease;transition: transform .6s ease;}
	#m-nav section.mm-page{height: 100%;width: 100%;position: absolute;left: 0;top: 0px;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;padding-top: 40px;z-index: 0;}
	#m-nav section.mm-page.mm-opened{-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 1;}

	#m-nav section.mm-page ul.list-group>li{padding: 0;}
	#m-nav section.mm-page ul.list-group>li>a{display: block;padding: 14px 30px;color: #555;-webkit-transform: all 0.3s;-ms-transform: all 0.3s;-o-transform: all 0.3s;transform: all 0.3s;}
	#m-nav section.mm-page.mm-opened ul.list-group>li.active, #m-nav section.mm-page.mm-opened ul.list-group>li:hover, #m-nav section.mm-page.mm-opened ul.list-group>li:focus, #m-nav section.mm-page.mm-opened ul.list-group>li.active>a, #m-nav section.mm-page.mm-opened ul.list-group>li:hover>a, #m-nav section.mm-page.mm-opened ul.list-group>li:focus>a{background-color: #f9f9f9;color: #0a8;}


/*网站主体页面*/
	.m-body{z-index: 2000;-webkit-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease;}
	.m-body.m-move{-webkit-transform: translateX(-80%);-ms-transform: translateX(-80%);-o-transform: translateX(-80%);transform: translateX(-80%);z-index: 1;overflow: hidden;}
	/*移动端蒙版*/
	.m-body .mol-mask{display: block;visibility: hidden;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.2);-webkit-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;z-index: 8;}

	/*顶部导航不设置溢出隐藏*/
	header.header.m-body.m-move{overflow: visible;}


/*首页轮播*/
	.index_banner{overflow: hidden;}
	.index_banner .swiper-container .swiper-pagination-bullets>.swiper-pagination-bullet{background-color: rgba(255,255,255,0);border: 2px solid #fff;width: 14px;height: 14px;opacity: 1;}
	.index_banner .swiper-container .swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}

	/*前进后退按钮*/
		.index_banner .swiper-button-prev{left: 40px;}		
		.index_banner .swiper-button-next{right: 40px;}		
		.index_banner .opacity-m-large{opacity: 0.3;}		
		.index_banner .opacity-m-large:hover{opacity: 1;}		

	/*缩小动画*/
		.index_banner .swiper-container.zoom .swiper-slide.swiper-slide-active .banner_scale{
			height: 100%;
			-webkit-animation: mymove 7s;
			-o-animation:mymove 7s;
			animation: mymove 7s;
		}
		@keyframes mymove{
			from {transform: scale(1.08);}
			to {transform: scale(1.0);}
		}
		@-o-keyframes mymove{ /*Safari and Chrome*/
			from {transform: scale(1.08);}
			to {transform: scale(1.0);}
		}
		@-webkit-keyframes mymove{ /*Safari and Chrome*/
			from {transform: scale(1.08);}
			to {transform: scale(1.0);}
		}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			
		}

 	/*内页banner*/
		.pabg_banner{overflow: hidden;}
		.pabg_banner .txt-box{padding-left: 90px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
		/*.pabg_banner .txt-box>main{}*/
		/*动画图片*/
			.pabg_banner img{
			    width: 100%;height: auto;
			    /*position: absolute;*/top: 0%;left: 0;/*transform: translateY(-50%);*/
			    transform:matrix(1.05, 0, 0, 1.05, 0, 0); 
			    -webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0); 
			    -webkit-animation: minus 5s 0s ease both infinite;
			    -moz-animation: minus 5s 0s ease both infinite;
			    animation: minus 5s 0s ease both infinite;
			    animation-iteration-count: 1;
			    -webkit-animation-iteration-count: 1;
			}
			@-webkit-keyframes minus{
			    from{
			    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
			    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
				}to{
				    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
				    transform: matrix(1, 0, 0, 1, 0, 0);
				}
			}
			@keyframes minus{
			    from{
				    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
				    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
				}to{
				    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
				    transform: matrix(1, 0, 0, 1, 0, 0);
				}
			}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.pabg_banner{height: 200px;overflow: auto;}
			.pabg_banner img{height: 100%;width: auto;}
			.pabg_banner .txt-box{padding-left: unset;left: 0;transform: translate(10%,-50%);z-index: 1;}
			.pabg_banner .txt-box>main{padding-left: 4%;}
		}


/*内页 左侧导航"+右侧文章*/
	/*全局*/
		.side-nav>.side-nav-list{min-height: 400px;}
		.side-nav>.side-nav-list>li{border-bottom: 1px solid #c8c8c8;}
		.side-nav>.side-nav-list>li:last-child{border-bottom: none;}
		.side-nav>.side-nav-list>li>.header,.side-nav.nav3>.side-nav-list>li{border-color: none;border-top: 1px solid rgba(255,255,255,0);border-left: 6px solid rgba(255,255,255,0);border-bottom: 1px solid rgba(255,255,255,0);padding: 0 0 0 44px;}
		.side-nav>.side-nav-list>li>.bodyer{display: none;overflow: hidden;}
		.side-nav>.side-nav-list>li:hover>.header,.side-nav.nav3>.side-nav-list>li:hover{background-color: #e3e3e5;cursor: pointer;}
		.side-nav>.side-nav-list>li.active>.header,.side-nav.nav3>.side-nav-list>li.active{border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;border-left: 6px solid #0a8;background-color: #e3e3e5;position: relative;color: #0a8;margin-top: -1px;}
		.side-nav>.side-nav-list>li.active>.bodyer{display: block;}

	/*版本一*/
		.side-nav.nav1 li>.bodyer>li{background: url()no-repeat 15% center;}
		.side-nav.nav1 li>.bodyer>li>a{display: block;clear: both;color: #555;padding-left: 60px;position: relative;}
		.side-nav.nav1 li>.bodyer>li:hover>a, .side-nav.nav1>.side-nav-list>li>.bodyer>li.active>a{padding-left: 70px;}
		.side-nav.nav1 li>.bodyer>li>a>.point{display: block;position: absolute;width: 6px;height: 6px;background-color: rgba(0,170,136,1);top: 50%;left: 14%;transform: translateY(-50%);border-radius: 100%;opacity: 0;}
		.side-nav.nav1 li>.bodyer>li:hover>a>.point, .side-nav.nav1 li>.bodyer>li.active>a>.point{left: 16%;opacity: 1;background-color: rgba(0,170,136,1);}
		.side-nav.nav1 li.active>.bodyer>li:hover, .side-nav.nav1 li.active>.bodyer>li.active{background-color: #e9e9e9;}
		.side-nav.nav1 li.active>.bodyer>li:hover>a, .side-nav.nav1 li.active>.bodyer>li.active>a{color: #0a8;}
		.side-nav.nav1 li.active>.bodyer>li:hover>a>i, .side-nav.nav1 li.active>.bodyer>li.active>a>i{opacity: 1}
		/*三级菜单*/
			.side-nav.nav1 li>.bodyer2{display: none;overflow: hidden;}
			.side-nav.nav1 li.active>.bodyer2{display: block;}
			.side-nav.nav1 li>.bodyer2>li>a{display: block;padding-left: 70px;}
			.side-nav.nav1 li.active>.bodyer2>li:hover, .side-nav.nav1 li.active>.bodyer2>li.active{background-color: #fafafa;}
			.side-nav.nav1 li.active>.bodyer2>li:hover a, .side-nav.nav1 li.active>.bodyer2>li.active a{color: #0a8;}


	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.side-nav + main{padding: 0;margin: 0;}
			.side-nav + main>main{padding: 0;margin-bottom: 30px;}
		}


/*移动端二级菜单or三级菜单的选项框*/
	/*内页子菜单*/
		#m-pagenav{position: fixed;top: 100%;z-index: 10;-webkit-transition: 0.4s ease;-o-transition: 0.4s ease;transition: 0.4s ease;}
		#m-pagenav header{padding: 15px 10px;}
		#m-pagenav header>span{vertical-align: middle;}
		#m-pagenav>ul>li{padding: 0;}
		#m-pagenav>ul>li>a{color: #969595;padding: 0 15px;border-bottom: #f0f0f0 1px solid;display: block;}
		#m-pagenav>ul>li>a:hover, #m-pagenav>ul>li.active>a{color: #0a8;background-color: #f1f1f1;}


/*上下结构二级菜单*/
	/*版本一*/
		.side-nav.nav4>.container>.nav>li>a{min-width: 130px;padding: 5px 10px;text-align: center;}
		.side-nav.nav4>.container>.nav>li>a::after{content: "";display: block;width: 0%;height: 2px;position: relative;top: 4px;left: 50%;transform: translateX(-50%);background-color: #0a8;transition: all 0.36s;}
		.side-nav.nav4>.container>.nav>li>a:hover::after{width: 90%;}
		.side-nav.nav4>.container>.nav>li.active>a::after{width: 100%;}

	/*版本二*/
		.side-nav.nav5{position: absolute;bottom: 0;background: url()no-repeat center center/cover rgba(0,0,0,0.3);}
		.side-nav.nav5>div.mask{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5);}
		.side-nav.nav5>div.container{z-index: 20;}
		.side-nav.nav5 .nav>li>a{min-width: 170px;padding: 5px 10px;text-align: center;}
		.side-nav.nav5 .nav>li:hover>a, .side-nav.nav5 .nav>li.active>a{background-color: #0a8;color: #fff;}


/*文章列表*/
	/*全局*/
		.list-demo .list-div{padding: 18px;}
		.list-demo .list-div>a{color: #555;}
		.list-demo .list-div>a>.img-box{overflow: hidden;}
		.list-demo .list-div>a>main{padding: 16px 25px 20px 25px;}
		.list-demo .list-div>a>main h2{height: 56px;}
		.list-demo .list-div>a>main p{height: 40px;}
		.list-demo .list-div i.i-clock-o{vertical-align: -6%;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.list-demo .list-div>a{margin: 8px 0;}
				.list-demo .list-div>a>.img-box{/*height: 230px;*/overflow: hidden;}
			}
	

	/*一行多列*/
		/*动效一*/
			.list-demo.demo1>ul{margin: 0 -18px;}
			@media (max-width: 1024px){
				.list-demo.demo1>ul{margin: 0;};
			}
			.list-demo.demo1 .list-div.anima1>a:hover>main{background-color: #0a8;color: #fff;}
			.list-demo.demo1 .list-div.anima1>a>main span{color: #999;}
			.list-demo.demo1 .list-div.anima1>a:hover>main span{opacity: 0;}
			.list-demo.demo1 .list-div.anima1>a>main i.i-long-arrow-right{color: #fff;position: absolute;left: 0;}
			.list-demo.demo1 .list-div.anima1>a:hover>main i.i-long-arrow-right{left: 25px;opacity: 1;}
			.list-demo.demo1 .list-div.anima1>a:hover>main h2, .list-demo.demo1 .list-div.anima1>a:hover>main p{color: #fff;}

		/*动效二*/
			.list-demo.demo1 .list-div.anima2>a:hover>main{box-shadow:2px 0 1px -2px #aaa inset,-2px 0 1px -2px #aaa inset;}
			.list-demo.demo1 .list-div.anima2>a>main i.i-long-arrow-right{position: absolute;left: 0;color: #999}
			.list-demo.demo1 .list-div.anima2>a:hover>main h2{color: #0a8;}
			.list-demo.demo1 .list-div.anima2>a>main span{color: #999;}
			.list-demo.demo1 .list-div.anima2>a:hover>main span{opacity: 0;}
			.list-demo.demo1 .list-div.anima2>a:hover>main i.i-long-arrow-right{left: 25px;opacity: 1;}

			.list-demo.demo1 .list-div.anima2>a .move-line1{position: relative;width: 0;height: 2px;top: -2px;background-color: #0a8;left: 50%;transform: translateX(-50%);}
			.list-demo.demo1 .list-div.anima2>a:hover .move-line1
			, .list-demo.demo1 .list-div.anima2>a:hover .move-line2{width: 100%;}
			.list-demo.demo1 .list-div.anima2>a .move-line2{position: relative;width: 0;height: 2px;top: -2px;background-color: #0a8;}


	/*整行*/
		.list-demo.demo2 .list-div:hover{background-color: #f5f5f5;}
		.list-demo.demo2 .list-div>a{display: block;color: #555;margin: 0;}
		.list-demo.demo2 .list-div>a>.img-box{/*height: 230px;*/background: url()no-repeat center center/cover #fff;overflow: hidden;margin-right: 30px;}
		.list-demo.demo2 .list-div:hover>a>h2{color: #0a8;}
		.list-demo.demo2 .list-div>a>p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:115px;overflow: hidden;color: #999;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.list-demo.demo2 .list-div{padding: 0;margin-bottom: 20px;/*border: 1px solid #d5d5d5;*/}
				.list-demo.demo2 .list-div>a>.img-box{margin-right: 0;}
				.list-demo.demo2 .list-div>a>h2.mg-bottom-b{margin-bottom: 6px;}
				.list-demo.demo2 .list-div>a>p{line-height: 24px;height:100px;}
			}


	/*一图多列*/
		.list-demo.demo3 .top-div>a>.img-box{height: 330px;overflow: hidden;margin-right: 50px;}
		.list-demo.demo3 .top-div>a>.img-box>div>img{width: 100%;}
		.list-demo.demo3 .top-div:hover>a>.img-box>div>img{transform: scale(1.08);vertical-align: middle;}
		.list-demo.demo3 .top-div>a>h1{padding-top: 50px;}
		.list-demo.demo3 .top-div>a>p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;height:115px;overflow: hidden;color: #999;}
		.list-demo.demo3 .top-div:hover>a>h1{color: #0a8;}
		.list-demo.demo3 ul.list>li{border-bottom: 1px dashed #acacac;}
		.list-demo.demo3 ul.list>li:last-child{border-bottom: none;}
		.list-demo.demo3 ul.list>li>a{color: #555;display: block;}
		.list-demo.demo3 ul.list>li:hover{background-color: #f5f5f5;}
		.list-demo.demo3 ul.list>li:hover>a span{color: #0a8;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.list-demo.demo3 .top-div{padding: 10px;}
				.list-demo.demo3 .top-div>a>.img-box{margin: 0;padding: 0;height: auto;}
				.list-demo.demo3 .top-div>a>h1{padding-top: 10px;font-size: 2rem;}
				.list-demo.demo3 .top-div>a>p{padding: 0;height: 80px;}
				.list-demo.demo3 .top-div>a>span{padding: 10px 0;}
				.list-demo.demo3 ul.list{padding: 5px 15px;}
				.list-demo.demo3 ul.list>li{padding: 0;}
				.list-demo.demo3 ul.list>li div.i-angle-right{padding-right: 10px;}
			}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.list-demo.demo3 .top-div{padding: 10px;}
				.list-demo.demo3 .top-div>a>.img-box{margin: 0;padding: 0;/*height: 240px;*/}
				.list-demo.demo3 .top-div>a>h1{padding-top: 10px;font-size: 2rem;}
				.list-demo.demo3 .top-div>a>p{padding: 0;height: 80px;}
				.list-demo.demo3 .top-div>a>span{padding: 10px 0;}
				.list-demo.demo3 ul.list{padding: 5px 15px;}
				.list-demo.demo3 ul.list>li{padding: 0;}
				.list-demo.demo3 ul.list>li div.i-angle-right{padding-right: 10px;}
			}

		/*分页*/
		.pagedemo.pagination ul{margin-right: 3px;}
		.pagedemo.pagination ul:last-child{margin-right: 0;}
		.pagedemo.pagination li>a{border: 1px solid #f7f7f7;border-radius: 0;padding: 10px 15px;background-color: #f7f7f7;min-width: 40px;}
		.pagedemo.pagination li:hover>a, .pagedemo.pagination li.active>a{background-color: #073d69;color: #fff;}
		.pagedemo.pagination li>a.select-input{background: #fff;width: 70px;border: 1px solid #eeeeee;}
		.pagedemo.pagination li:hover>a.select-input{color: #999;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.pagedemo.pagination li>a{padding: 5px;min-width: 32px;}
			}


/*文章详情*/
	.text-demo.demo1 i.i-angle{vertical-align: -8%;}
	.text-demo.demo1 .xb20 h2{font-size: 2.2rem;}
	.text-demo.demo1 .xb20>ul>li{line-height: 26px;}
	.text-demo.demo1 .xb20>ul>li>a{color: #999;display: inline-block;width: 100%}
	.text-demo.demo1 .xb20>ul>li:hover>a{color: #0a8;}
	.text-demo.demo1 .xb20>ul>li div{width: 6px;height: 6px;background: #999;}
	.text-demo.demo1 .xb20>ul>li:hover div{background-color: #0a8;}
	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.text-demo.demo1 .xb80{padding: 0;}
			.text-demo.demo1 .xb80>h1{font-size: 2rem;}
			.text-demo.demo1 .xb80>p{margin: 10px 0;padding-bottom: 10px;}
			.text-demo.demo1 .xb80>div{padding: 10px;}
			.text-demo.demo1 .xb20{margin: 0;padding: 30px 0 0 0;}
		}


/*产品模型+产品及服务*/

	/*一行多列*/
		.product-demo.demo1>ul{margin: 0 -18px;}
		.product-demo.demo1 .list-div>a{margin: 18px;}
		.product-demo.demo1 .list-div i.i-clock-o{vertical-align: -6%;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo1>ul{margin: 0;}
				.product-demo.demo1 .list-div>a{margin: 0;}
				.product-demo.demo1 .list-div>a>.img-box{/*height: 240px;*/margin-top: 20px;}
				.product-demo.demo1 .list-div:first-child>a>.img-box{margin: 0;}
			}

	/*整行*/
		.product-demo.demo2 .list-div:first-child{margin-top: 0;}
		.product-demo.demo2 .list-div:hover{background-color: #f5f5f5;}
		.product-demo.demo2 .list-div>a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:130px;overflow: hidden;color: #999;}
		.product-demo.demo2 .list-div>a span>button{padding: 7px 30px;}
		.product-demo.demo2 .list-div:hover>a h1{color: #0a8;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo2 .list-div{padding: 0;margin-bottom: 50px;}
				.product-demo.demo2 .list-div>a>.img-box{margin: 0;height: 250px;}
				.product-demo.demo2 .list-div>a>p{font-size: 1.4rem;height: 100px;margin-top: 0;}
			}

	/* 产品及服务一——图片集 */
		.product-demo.demo3 .xb4::after{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: "";transition: .36s ease;opacity: 0;background-color: rgba(0,0,0,.54);cursor: pointer;}
		.product-demo.demo3 .xb4:hover::after{opacity: 1;}
		.product-demo.demo3 .xb4>span{width: 44px;height: 44px;top: 20%;}
		.product-demo.demo3 .xb4>h3, .product-demo.demo3 .xb4>p{top: 65%;}
		.product-demo.demo3 .xb4>h3, .product-demo.demo3 .xb4>p{top: 65%;}
		.product-demo.demo3 .xb4>span, .product-demo.demo3 .xb4>h3, .product-demo.demo3 .xb4>p{left: 50%;transform: translateX(-50%);}
		.product-demo.demo3 .xb4>span::before{width: 2px;height: 16px;}
		.product-demo.demo3 .xb4>span::after{height: 2px;width: 16px;}
		.product-demo.demo3 .xb4>span::before, .product-demo.demo3 .xb4>span::after{display: block;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;content: "";transition: all .36s ease;background-color: #fff;}
		.product-demo.demo3 .xb4:hover>span{top: 25%;}
		.product-demo.demo3 .xb4:hover>h3{top: 58%;color: #0a8;}
		.product-demo.demo3 .xb4:hover>p{top: 70%;}
		.product-demo.demo3 .xb4:hover>span, .product-demo.demo3 .xb4:hover>h3, .product-demo.demo3 .xb4:hover>p{z-index: 2;opacity: 1;}
		.product-demo.demo3 .xb4>span:hover{opacity: 0.8;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo3 main{margin-left: -1%;margin-right: -1%;overflow: none;}
				.product-demo.demo3 .xb4{padding: 0 1% 4% 1%;}
				.product-demo.demo3 .xb4>img{margin-bottom: 6%;}
				.product-demo.demo3 .xb4:hover>img{-ms-transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
				.product-demo.demo3 .xb4:hover::after{opacity: 0;}
				.product-demo.demo3 .xb4>h3, .product-demo.demo3 .xb4>p{position: static;transform: translateX(0);text-align: left;margin: 0;line-height: 2rem;opacity: 1;}
			}
		
	/* 产品及服务二——产品轮播 */
		.product-demo.demo4 .img-box::before{cursor: pointer;border: 0px solid #0ae;z-index: 1}
		.product-demo.demo4 .swiper-slide:hover .img-box::before{border-width: 10px;}
		.product-demo.demo4 main{height: 30%;top: 0;z-index: 2;}
		.product-demo.demo4 .swiper-slide:hover main{top: 50%;transform: translateY(-50%);opacity: 1;}
		.product-demo.demo4 main>span{width: 0%;height: 2px;top: 50%;left: 50%;transform: translateX(-50%);}
		.product-demo.demo4 .swiper-slide:hover main>span{width: 6%;}

		.product-demo.demo4 .nav-demo.demo2 a>i{background-color: rgba(255,255,255,.3);background-image: url(../images/icon.png);border-bottom: 1px solid #3d3d3d;}
		.product-demo.demo4 .nav-demo a>i.prev{background-position: 10px -243px;}
		.product-demo.demo4 .nav-demo a>i.prev:hover{background-position: 10px -278px;background-color: #3d3d3d;}
		.product-demo.demo4 .nav-demo a>i.next{background-position: -37px -243px;}
		.product-demo.demo4 .nav-demo a>i.next:hover{background-position: -37px -278px;background-color: #3d3d3d;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo4 .img-box::before{display: none;}
				.product-demo.demo4 main{position: static;opacity: 1;}
				.product-demo.demo4 .swiper-slide:hover main{top: 0%;transform: translateY(0%);}
				.product-demo.demo4 .swiper-slide:hover main>h3{color: #0a8;}
				.product-demo.demo4 a{color: #555;}
			}

	/* 产品及服务三 */
		/*.product-demo.demo5 .xb6:hover .absolute>h2{color: #4c4c4c;}*/
		.product-demo.demo5 .absolute.xb5{bottom: 30%;left: 6%;}
		.product-demo.demo5 .absolute.xb40:nth-child(1){top: 50%;left: 5%;transform: translateY(-50%);}
		.product-demo.demo5 .absolute.xb40:nth-child(2){top: 50%;right: 5%;transform: translateY(-50%);}
	
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo5 img{width: 100%;}
				.product-demo.demo5 .absolute.xb5{bottom: 20%;left: 4%;border-left: 1px solid #999;}
				.product-demo.demo5 .absolute.xb40:nth-child(1){top: 50%;left: 4%;transform: translateY(-50%);}
				.product-demo.demo5 .absolute.xb40:nth-child(2){top: 50%;right: 4%;transform: translateY(-50%);}
				.product-demo.demo5 .xb6 .absolute>h2{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 1.6rem;}
				.product-demo.demo5 .xb6 .absolute>p{height: 4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 1.3rem;}
			}
	
	/*产品及服务四--轮播二*/
		/*右侧导航*/
			.product-demo.demo6 .nav>li>a{padding: 8px 18px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-bottom: 1px solid rgba(0,0,0,0)}
			.product-demo.demo6 .nav>li:hover>a, .product-demo.demo6 .nav>li.active>a{border-bottom: 1px solid #464646;color: #464646;}

		/*轮播*/
			.product-demo.demo6 .swiper-box{padding: 0 60px;}
			.product-demo.demo6 .swiper-slide:hover{transform: translateY(-2%);-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .175);box-shadow:0 5px 10px rgba(0, 0, 0, .175);}
			.product-demo.demo6 .swiper-slide::after{content: "";display: block;position: absolute;bottom: 0;height: 1px;width: 10%;background-color: #b2b2b2;left: 50%;transform: translateX(-50%);-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;}
			.product-demo.demo6 .swiper-slide:hover::after{width: 100%;opacity: 1}
			.product-demo.demo6 .swiper-slide span{width: 10%;left: 50%;transform: translateX(-50%);}
			.product-demo.demo6 .swiper-slide:hover a.btn{opacity: 1;color: #555;}

			.product-demo.demo6 .swiper-pagination-bullet{background-color: #a5a5a5;width: 5px;height: 5px;}
			.product-demo.demo6 .swiper-pagination-bullet-active{background-color: #464646;}

		/*按钮*/
			.product-demo.demo6 .nav-demo{top: 50%;left: 0;transform: translateY(-50%);}
			.product-demo.demo6 .nav-demo.demo2 a>i{background-color: rgba(255,255,255,.3);background-image: url(../images/icon.png);border-radius: 100}
			.product-demo.demo6 .nav-demo a>i.prev{background-position: 10px -243px;z-index: 2;}
			.product-demo.demo6 .nav-demo a>i.prev:hover{background-position: 10px -278px;background-color: #4c4c4c;}
			.product-demo.demo6 .nav-demo a>i.next{background-position: -37px -243px;z-index: 2;}
			.product-demo.demo6 .nav-demo a>i.next:hover{background-position: -37px -278px;background-color: #4c4c4c;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo6 .swiper-box{padding: 0;}
				.product-demo.demo6 .swiper-slide::after{display: none;visibility: hidden;}
				.product-demo.demo6 .swiper-slide:hover{transform: translateY(0);-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0);box-shadow:0 5px 10px rgba(0, 0, 0, 0);}
				.product-demo.demo6 .swiper-slide a.btn{display: none;}
			}

	/* 产品及服务五 */
		.product-demo.demo7 .container{padding: 120px 5px;}
		.product-demo.demo7 .img-scale-box{-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 1px;box-shadow: rgba(0,0,0,0.2) 0px 0px 1px;}
		.product-demo.demo7 .bd-after::after{border-color: #e40807;}
		.product-demo.demo7 .x6 .absolute{bottom: 0;left: 0;}
		.product-demo.demo7 .x6:hover .absolute{padding-bottom: 10%;padding-top: 16%;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){ 
				.product-demo.demo7 .container{padding: 0;}
				.product-demo.demo7 .x6:hover .absolute{padding-bottom: 20px;}
			}
			
	/* 产品及服务六 */
		.product-demo.demo8 li{margin: 120px 0;}
		.product-demo.demo8 li::before{content: "";display: block;width: 34%;height: 56%;border: #adadad 1px solid;position: absolute;top: -30px;left: -30px;}
		.product-demo.demo8 li::after{background-color: #bca267;display: block;position: absolute;width: 34%;height: 64%;content: "";left: -30px;bottom: -30px;visibility: visible;}
		.product-demo.demo8 li:hover main{padding: 20px 0 10px 0;}
		.product-demo.demo8 li h2{text-overflow: ellipsis;verflow: hidden;white-space: nowrap;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";}
		.product-demo.demo8 li:hover h2{color: #bca267;}
		.product-demo.demo8 li main>span::after{display: block;width: 20px;height: 3px;position: absolute;content: "";left: 0;top: 55px;background-color: #4c4c4c;opacity: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
		.product-demo.demo8 li:hover main>span::after{top: 40px;opacity: 1;}
		.product-demo.demo8 li .absolute{bottom: -38%;}
		

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo8 ul{margin: 0 -2px;}
				.product-demo.demo8 li{padding: 0 2px;margin: 5px 0;}
				.product-demo.demo8 li::before,.product-demo.demo8 li::after{display: none;visibility: hidden;}
				.product-demo.demo8 li img{width: 100%;}
				.product-demo.demo8 li main{padding: 10px 8px;}
				.product-demo.demo8 li:hover main{padding: 10px 8px;}
				.product-demo.demo8 li main>h2{font-size: 1.4rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
				.product-demo.demo8 li main>span::after{display: none;visibility: hidden;}
				.product-demo.demo8 li .xb7{clear: both;}
			}

	/*产品及服务七--轮播三*/
		/*轮播*/
			.product-demo.demo9 .swiper-slide:hover main{padding: 20px 25px;}
			.product-demo.demo9 .swiper-slide main::before{content: "";display: block;height: 1px;width: 10%;position: absolute;top: 0;left: 0;background-color: #dedede;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0;}
			.product-demo.demo9 .swiper-slide:hover main::before{width: 100%;opacity: 1;}
			.product-demo.demo9 .swiper-slide:hover main h4{color: #333;}
			.product-demo.demo9 .swiper-slide main p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

		/*按钮*/
			.product-demo.demo9 .nav-demo.demo2 a>i{background-color: rgba(255,255,255,.3);background-image: url(../images/icon.png);border-radius: 100}
			.product-demo.demo9 .nav-demo a>i.prev{background-position: 10px -243px;z-index: 2;}
			.product-demo.demo9 .nav-demo a>i.prev:hover{background-position: 10px -278px;background-color: #4c4c4c;}
			.product-demo.demo9 .nav-demo a>i.next{background-position: -37px -243px;z-index: 2;}
			.product-demo.demo9 .nav-demo a>i.next:hover{background-position: -37px -278px;background-color: #4c4c4c;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo9 .swiper-slide main{padding: 20px 0;background: none;}
				.product-demo.demo9 .swiper-slide:hover main{padding: 20px 0;}
				.product-demo.demo9 .swiper-slide main p{width: 100%;height: 45px;line-height: 22px;color: #6a6a6a;overflow: hidden;margin-top: 10px;text-overflow: ellipsis;white-space:normal;}
			}

	/* 产品及服务八——轮播四 */
		/*轮播*/
			.product-demo.demo10 .swiper-container{overflow: visible;padding-bottom: 50px;}
			.product-demo.demo10 .swiper-slide{width: 420px;}
			.product-demo.demo10 .swiper-slide::before{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;-webkit-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;}
			.product-demo.demo10 .swiper-slide:hover::before{background-color: rgba(0,0,0,0.3);}
			.product-demo.demo10 .swiper-slide-prev::before{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0.3);}
			.product-demo.demo10 .swiper-slide main{top: 64%;padding: 70px 50px;}
			.product-demo.demo10 .swiper-slide:hover main{top: 0%;}
			.product-demo.demo10 .swiper-slide main span{width: 40px;height: 40px;line-height: 36px;}
		
		/*前进后退按钮*/
			.product-demo.demo10 .nav-demo.demo2{position: absolute;top: 45%;left: 50%;transform: translateX(-50%);z-index: 1;padding: 0 130px;height: 0;}
			.product-demo.demo10 .nav-demo.demo2 a>i{background-color: rgba(0,0,0,.5);border-bottom: 1px solid #3d3d3d;width: 60px;height: 77px;line-height: 73px;}
			.product-demo.demo10 .nav-demo.demo2 a>i:hover{background-color: #da2418;color: #fff;}

		/*分页器*/
			/*.product-demo.demo10 .swiper-pagination-bullet{}*/

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.product-demo.demo10 .swiper-container{padding: 0 10px 50px 10px;}
				.product-demo.demo10 .swiper-slide{width: 100%;}
				.product-demo.demo10 .swiper-slide main{top: 0%;padding: 80px 50px;}

				.product-demo.demo10 .nav-demo.demo2{padding: 0 11px;}
				.product-demo.demo10 .nav-demo.demo2 a>i{width: 40px;height: 50px;line-height: 48px;font-size: 2rem;}
			}


	/*产品详情页——放大镜*/
		.product-demo.page1 .breadcrumb>li{color: #555;}
		.product-demo.page1 .breadcrumb>li>a{color: #999;}
		.product-demo.page1 .breadcrumb>li:hover>a, .product-demo.page1 .breadcrumb>li.active>a{color: #555;}
		.product-demo.page1 .text-div>div.pd-b{min-height: 120px;}

		/*产品图片列表--放大镜*/
			.product-demo.page1 .imgdet .imglist{padding: 30px 0 30px 20px;}
			.product-demo.page1 .imgdet .imglist ul li.active{border: 2px solid red}
			.product-demo.page1 .imgdet .imglist ul li img{position: absolute;top: 50%;transform: translateY(-50%);}
			.product-demo.page1 .imgdet .imglist .prev{top: 0;z-index: 1}
			.product-demo.page1 .imgdet .imglist .next{bottom: 0;z-index: 1}
			/*图片列表*/
			.product-demo.page1 .imgdet .imgpart{vertical-align: top;position: relative;}
			.product-demo.page1 .imgdet .imgpart .pic{position: relative;width: 100%;height: 100%;}
			.product-demo.page1 .imgdet .imgpart .pic .magnify{display: none;position: absolute;top: 0;left: 0;cursor: move;background-color: #fff;opacity: .3;filter: alpha(opacity=30);}
			.product-demo.page1 .imgdet .imgpart .pic img{position: absolute;max-height: 100%;top: 50%;transform: translateY(-50%);}
			.product-demo.page1 .imgdet .imgpart .bigpic{display: none;position: absolute;top: 0;z-index: 2;overflow: hidden;}
			.product-demo.page1 .imgdet .imgpart .bigpic>img{position: absolute;top: 0;left: 0;}

			/*移动端*/
			.product-demo.page1 .product-imgs .swiper-slide{height: 300px;}

		/*选项卡*/
			.product-demo.page1 .tab ul{height: 60px;line-height: 60px;border: 0;background-color: #f2f2f2;}
			.product-demo.page1 .tab ul>li{width: 150px;text-align: center;border-left: 1px solid #f2f2f2;margin-left: -1px;cursor: pointer;}
			.product-demo.page1 .tab ul>li.active::before{content: "";display: block;position: relative;top: 0;left: 0;width: 100%;border-top: 2px solid #00A14B;}
			.product-demo.page1 .tab ul>li.active{color: #0a8;}
			.product-demo.page1 .tab>main{padding: 50px 15px;}

		/*相关产品*/
			.product-demo.page1 .more-product .swiper-slide:hover>a>span{color: #fff;background-color: #0a8;border-color: #0a8;}
			.product-demo.page1 .more-product .swiper-pagination{bottom: 0;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				/*选项卡*/
				.product-demo.page1 .tab ul{height: 40px;line-height: 40px;border: 0;background-color: #f2f2f2;}
				.product-demo.page1 .tab ul>li{width: 90px;}
				.product-demo.page1 .xb6{padding: 0;}

				/*资讯按钮*/
				.product-demo.page1 button.btn-large{font-size: 1.6rem;padding: 8px 15px;}
				.product-demo.page1 button.btn-large i{font-size: 1.8rem;}

				/*相关产品*/
				.product-demo.page1 .more-product .swiper-pagination{bottom: 0;}
				.product-demo.page1 .more-product .swiper-slide>a>.img-box{height: auto;}
				.product-demo.page1 .more-product .swiper-slide>a>span{line-height: 36px;}
				.product-demo.page1 .more-product .swiper-button-next, .product-demo.page1 .more-product .swiper-button-prev{height: 25px;}

			}


/*新闻模型*/
	
	/*模型一——左图右列*/
		.news-demo.demo1 .xb5{padding: 44px 60px;height: 513px;}
		.news-demo.demo1 .xb5 time{color: inherit;font-family: helveticaneuethn,Arial;}
		.news-demo.demo1 .xb5 p{line-height: 24px;}
		.news-demo.demo1 .xb5:hover p{padding-left: 30px;border-left: 1px solid #a9a9a9;}
		.news-demo.demo1 .xb5 a.btn{width: 120px;height: 32px;background: #233876;margin-top: 40px;}
		.news-demo.demo1 .xb5 a.btn::before, .news-demo.demo1 .xb5 a.btn::after{content: "";display: block;height: 15px;border-left: 1px solid #fff;background-color: #fff;position: absolute;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all .36s ease;}
		.news-demo.demo1 .xb5 a.btn::before{height: 15px;width: 0;border-left: 1px solid #fff;left: 50%;top: -50%;}
		.news-demo.demo1 .xb5:hover a.btn::before{top: 50%;}
		.news-demo.demo1 .xb5 a.btn::after{height: 0;width: 15px;border-top: 1px solid #fff;top: 50%;left: -50%;}
		.news-demo.demo1 .xb5:hover a.btn::after{left: 50%;}
		.news-demo.demo1 .xb5:hover a.btn{opacity: 1;margin-top: 20px;}

		.news-demo.demo1 .xb7{padding-left: 100px;}
		.news-demo.demo1 .xb7 li:hover{-webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, .12);box-shadow: 0 11px 43px rgba(0, 0, 0, .12);}
		.news-demo.demo1 .xb7 li>a{padding: 40px 20px 30px 38px;}
		.news-demo.demo1 .xb7 li:hover>a{padding-left: 50px;}
		.news-demo.demo1 .xb7 li h3::before{content: "";display: block;width: 6px;height: 6px;background-color: #555;border-radius: 100%;position: absolute;left: -20px;top: 50%;transform: translateY(-50%);-webkit-transform: all 0.3s;-ms-transform: all 0.3s;-o-transform: all 0.3s;transform: all 0.3s;}
		.news-demo.demo1 .xb7 li:hover h3::before{background-color: #0a8;}
		.news-demo.demo1 .xb7 li:hover h3{color: #0a8;}
		.news-demo.demo1 .xb7 li p{line-height: 24px;}
		.news-demo.demo1 .xb7 li span{width: 50px;height: 20px;}
		.news-demo.demo1 .xb7 li span>i:first-child{left: 0;}
		.news-demo.demo1 .xb7 li span>i:last-child{left: 20px;}
		.news-demo.demo1 .xb7 li:hover span>i:first-child{left: 20px;opacity: 1;}
		.news-demo.demo1 .xb7 li:hover span>i:last-child{left: 50px;opacity: 0;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo1 .xb7{padding-left: 0;}
				.news-demo.demo1 .xb7 li:hover{-webkit-box-shadow: 0 11px 43px rgba(0,0,0,0);box-shadow: 0 11px 43px rgba(0,0,0,0);}
				.news-demo.demo1 .xb7 li>a, .news-demo.demo1 .xb7 li:hover>a{padding: 26px 0;}
				.news-demo.demo1 .xb7 li:first-child{border-top: 0;}
				.news-demo.demo1 .xb7 li h3::before{display: none;}
			}

	/*模型二——多列*/
		.news-demo.demo2 ul.list-unstyle{margin-left: -30px;margin-right: -30px;}
		.news-demo.demo2 a .i-plus{top: 24%;left: 50%;transform: translate(-50%,-50%);line-height: 0;}
		.news-demo.demo2 a:hover .i-plus{opacity: 1;top: 50%;z-index: 2}
		.news-demo.demo2 a main>p{line-height: 24px;}
		.news-demo.demo2 a:hover{-webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, .12);box-shadow: 0 11px 43px rgba(0, 0, 0, .12);}
		.news-demo.demo2 a:hover h3{color: #0a8;}
		.news-demo.demo2 a.btn{width: 182px;height: 48px;line-height: 48px;p}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo2 ul.list-unstyle{margin: 0;}
				.news-demo.demo2 li>a{border-top: 1px solid #ddd;padding: 26px 0;}
				.news-demo.demo2 li:first-child>a{border-top: 0;}
				.news-demo.demo2 a main>p{line-height: 20px;height:8rem;-webkit-line-clamp: 4;line-clamp: 4;}
				.news-demo.demo2 a:hover{-webkit-box-shadow: 0 11px 43px rgba(0,0,0,0);box-shadow: 0 11px 43px rgba(0,0,0,0);}
			}

	/*模型三——一行四列*/
		.news-demo.demo3 a main{padding: 28px 30px;height: 230px;}
		.news-demo.demo3 a:hover main{padding: 38px 30px 18px 30px;color: #868585;}
		.news-demo.demo3 a main::after{content: "";position: absolute;display: block;width: 50%;height: 3px;transition: 0.66s ease;bottom: 0;left: 0;background-color: #ee1c25;opacity: 0;}
		.news-demo.demo3 a:hover main::after{width: 100%;opacity: 1;}
		.news-demo.demo3 a main>p{line-height: 24px;}
		.news-demo.demo3 a main>button{bottom: 30px;}
		.news-demo.demo3 a:hover main>button{opacity: .8;}
		.news-demo.demo3 a:hover i.i-angle-right{padding-left: 10px;}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo3 a main{padding: 20px 0;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #ddd;}
				.news-demo.demo3 li:nth-last-child(-n+2)>a main{border: 0;}
				.news-demo.demo3 a:hover main{padding: 20px 0;}
				.news-demo.demo3 a main::after{display: none;visibility: hidden;}
			}

	/*模型四——一行两列*/
		/*.news-demo.demo4 li>a{margin-bottom: 100px;}*/
		.news-demo.demo4 li:nth-child(even){padding-left: 20px;}
		.news-demo.demo4 li:nth-child(odd){padding-right: 20px;}
		.news-demo.demo4 a::before{content: "";position: absolute;top: 20%;left: 92px;display: block;width: 0;border-top: 1px solid #787878;opacity: 0;-webkit-transition: all 0.36s ease;-o-transition: all 0.36s ease;transition: all 0.36s ease;z-index: 3;}
		.news-demo.demo4 a:hover::before{width: 55px;opacity: 1;}
		.news-demo.demo4 a main{padding: 0 10px 0 40px;}
		.news-demo.demo4 a:hover main{padding: 0 0 0 50px;}
		.news-demo.demo4 a main p{line-height: 24px;}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo4 .container{padding: 0;}
				.news-demo.demo4 li:nth-child(even){padding-left: 0;}
				.news-demo.demo4 li:nth-child(odd){padding-right: 0;}
				.news-demo.demo4 li>a{padding: 0 20px;margin: 0;}
				.news-demo.demo4 a::before{display: none;visibility: hidden;}
				.news-demo.demo4 a:hover main, .news-demo.demo4 a main{padding: 30px 0;}
				.news-demo.demo4 a{border-bottom: 1px solid #ddd;}
				.news-demo.demo4 a time{color: #8a8a8a;}
				.news-demo.demo4 a time span{color: #bdbdbd;}
			}

	/*模型五——轮播*/
		.news-demo.demo5 .swiper-box{padding: 0 80px;}
		.news-demo.demo5 .swiper-slide::after{content: "";display: block;position: absolute;top: 0;right: -40px;height: 100%;width: 0;border-left: 1px solid #E6E6E6;}
		.news-demo.demo5 .swiper-slide p{line-height: 24px;height: 44px;}
		.news-demo.demo5 a.btn{width: 152px;height: 34px;}
		.news-demo.demo5 .swiper-slide:hover a.btn{border-color: #0a8;}
		.news-demo.demo5 a.btn>i{left: 50%;transform: translate(-50%,-50%);}
		.news-demo.demo5 a.btn>i:nth-child(1){top: 50%;}
		.news-demo.demo5 a.btn>i:nth-child(2){top: 150%;}
		.news-demo.demo5 .swiper-slide:hover a.btn>i:nth-child(1), .news-demo.demo5 a.btn:hover>i:nth-child(1){top: -50%;}
		.news-demo.demo5 .swiper-slide:hover a.btn>i:nth-child(2), .news-demo.demo5 a.btn:hover>i:nth-child(2){top: 50%;}

		/*前进后退*/
			.news-demo.demo5 .nav-demo{top: 50%;left: 0;transform: translateY(-50%);}
			.news-demo.demo5 .nav-demo.demo2 a{width: 40px;height: 40px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo5 .swiper-box{padding: 0;}
				.news-demo.demo5 .swiper-slide{border-bottom: 1px solid #f5f5f5;}
				.news-demo.demo5 .swiper-slide:last-child{border-bottom: 0;}
				.news-demo.demo5 .swiper-slide a.bg-p-v{height: 121px;}
				.news-demo.demo5 a.btn:hover{border-color: #0a8;background-color: #0a8;}
			}

	/*模型六——一行两列2*/
		/*.news-demo.demo6 li a.xb6{height: 272px;}*/
		.news-demo.demo6 li a.xb6>div{top: 0;left: 0;width: 100%;height: 100%;border-width: 0;z-index: 2;}
		.news-demo.demo6 li>div:hover a.xb6>div{opacity: 1;border-width: 10px;}
		.news-demo.demo6 li>div:hover a.xb6>div::after{opacity: 1;visibility: visible;}
		.news-demo.demo6 li main{padding: 25px 20px;}
		.news-demo.demo6 li main>p{height: 80px;}
		.news-demo.demo6 li main>a{width: 120px;}
		.news-demo.demo6 li main>a::after{content: "MORE";opacity: 0;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
		.news-demo.demo6 li:hover main>a{border-color: #0ae;}
		.news-demo.demo6 li:hover main>a::after{opacity: 1;left: 40%;}
		.news-demo.demo6 li:hover main>a>i{padding-left: 50%;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo6 li{padding: 0;margin-bottom: 20px;}
				.news-demo.demo6 li:last-child{margin: 0;}
				.news-demo.demo6 li main{padding: 10px;}
				.news-demo.demo6 li main>p{height: 32px;line-height: 16px;}
				.news-demo.demo6 li main>a{padding: 0;width: 80px;}
				.news-demo.demo6 li:hover main>a{background-color: #0ae;border-color: #0ae;}
				.news-demo.demo6 li main>a::after{display: none;}
				.news-demo.demo6 li:hover main>a>i{padding-left: 0;}
			}
	
	/*模型七——上图下标题*/
		.news-demo.demo7 h2.bd-mini::after{content: "";display: block;width: 4em;height: 2px;position: absolute;bottom: -2px;left: 0;background-color: #0a8;}
		.news-demo.demo7 div>p{height: 54px;}
		.news-demo.demo7 li>a{position: relative;color: #333;display: block;}
		.news-demo.demo7 li>a>span{display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #0ae;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.news-demo.demo7 h2.bd-mini{border: 0;line-height: 10px;font-size: 2.2rem;color: #000;}
				.news-demo.demo7 h2.bd-mini::after{display: none;}
				.news-demo.demo7 a.xb6{height: 100px;}
				.news-demo.demo7 div.x7>p{height: 40px;line-height: 20px;}
				.news-demo.demo7 div.x7>a{font-size: 12px;padding: 4px 15px; margin-top: 2px;}
				.news-demo.demo7 ul a{border-bottom: 1px solid #ddd;}
			}
	

/*简介模型*/

	/*模型一*/
		.intro-demo.demo1 main.xb9>a{padding: 100px 300px 120px 74px;}
		.intro-demo.demo1 main.xb9>a::after{content: "";position: relative;bottom: 0;left: 0;display: block;height: 1px;width: 0;background-color: rgba(255,255,255,.5);-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
		.intro-demo.demo1 main.xb9>a:hover::after{width: 36px;}
		.intro-demo.demo1 main.xb9>a>h3{color: rgba(255,255,255,.3);}
		.intro-demo.demo1 main.xb9>a>p{color: rgba(255,255,255,.5);}
		.intro-demo.demo1 div.xb5{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.intro-demo.demo1 .container{padding: 0;}
				.intro-demo.demo1 main.xb9>a{padding: 50px 15px 40px 15px;background-color: #f5f5f5;color: #444;}
				.intro-demo.demo1 main.xb9>a>h3{color: #c1c1c1;}
				.intro-demo.demo1 main.xb9>a>p{color: #929292;font-size: 1.2rem;line-height: 24px;}
				.intro-demo.demo1 main.xb9>a>button{width: 70%;margin: auto;}
				.intro-demo.demo1 div.xb5{position: static;transform: translateY(0);}
			}

	/*模型二*/
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.intro-demo.demo2 span{font-size: 1.2rem;}
				.intro-demo.demo2 h1{font-size: 2.4rem;}
				.intro-demo.demo2 p{line-height: 24px;}
			}

	/*模型三*/
		.intro-demo.demo3 main.xb6{right: 0;top: 50%;transform: translateY(-50%);}
		.intro-demo.demo3 .btn{width: 158px;}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.intro-demo.demo3 main.xb6{position: sticky;transform: translateY(0);padding: 60px 20px;}
				.intro-demo.demo3 main.xb6 p{width: 100%;margin-left: 0;}
				.intro-demo.demo3 .btn{width: 118px;line-height: 24px;}
			}

	/*模型四*/
		.intro-demo.demo4{padding: 80px 0 110px 0;}
		.intro-demo.demo4 h1{font-weight: bold;}
		.intro-demo.demo4 main.xb6{right: 0;top: 50%;transform: translateY(-50%);}
		.intro-demo.demo4 .btn{width: 158px;}
		.intro-demo.demo4 a.btn{width: 162px;height: 40px;}
		.intro-demo.demo4 a.btn:hover{border-color: #0a8;}
		.intro-demo.demo4 a.btn>i{left: 50%;transform: translate(-50%,-50%);}
		.intro-demo.demo4 a.btn>i:nth-child(1){top: 50%;}
		.intro-demo.demo4 a.btn>i:nth-child(2){top: 150%;}
		.intro-demo.demo4 a.btn:hover>i:nth-child(1), .news-demo.demo5 a.btn:hover>i:nth-child(1){top: -50%;}
		.intro-demo.demo4 a.btn:hover>i:nth-child(2), .news-demo.demo5 a.btn:hover>i:nth-child(2){top: 50%;}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.intro-demo.demo4{padding: 30px 0 0 0;}
				.intro-demo.demo4 h1{font-size: 1.8rem;font-weight: normal;}
				.intro-demo.demo4 p{line-height: 24px;}
				.intro-demo.demo4 a.btn{width: 150px;height: 32px;}
			}

	/*模型五*/
		.intro-demo.demo5 .layout{height: 900px;}
		.intro-demo.demo5 .absolute{left: 50%;transform: translate(-50%,-50%);}
		.intro-demo.demo5 a.btn{width: 120px;margin: 30px auto 0 auto;}
		.intro-demo.demo5 a.btn::after{content: "MORE";color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
		.intro-demo.demo5 a.btn:hover::after{color: #f60;left: 40%;}
		.intro-demo.demo5 a.btn:hover>i{padding-left: 50%;}
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.intro-demo.demo5{padding: 30px 0 0 0;}
				.intro-demo.demo5 .layout{height: auto;}
				.intro-demo.demo5 .container{padding: 0;}
				.intro-demo.demo5 h1{font-size: 1.8rem;font-weight: normal;}
				.intro-demo.demo5 p{line-height: 24px;margin: 0;}
				.intro-demo.demo5 a.btn{width: 162px;height: 37px;}
				.intro-demo.demo5 a.btn::after{display: none;}
				.intro-demo.demo5 .absolute{position: static;transform: translate(0);}
				.intro-demo.demo5 .absolute .bd-bottom,.intro-demo.demo5 .absolute .bd{border: 0;}
				.intro-demo.demo5 .absolute .img-box{margin: 20px -20px 0 -20px;}
			}


/*团队模型*/
	
	/*模型一*/
		.team-demo.demo1 li{/*height: 517px;*/list-style: none;}
		/*.team-demo.demo1 li .img-box{height: 385px;}*/
		.team-demo.demo1 li .img-box::before{position: absolute;content: "";display: block;width: 100%;height: 100%;/*border: 5px solid #383838;*/border-top: 0px;opacity: 0;transition: all 0.3s ease-out 0s;z-index: 10}
		.team-demo.demo1 li:hover .img-box::before{opacity: 1;z-index: 2}
		.team-demo.demo1 li:hover .img-box>img{margin-top: -20px;}
		.team-demo.demo1 li main{padding: 33px 40px 22px 20px;transition: all 0.3s ease-out 0s;margin-top: 0;z-index: 2;}
		.team-demo.demo1 li:hover main{margin-top: -60px;}
		.team-demo.demo1 li:nth-of-type(odd) .img-box::before{border-left: 5px solid #383838;border-top: 5px solid #383838;border-right: 5px solid #383838;}
		.team-demo.demo1 li:nth-of-type(even) .img-box::before{border-left: 5px solid #383838;border-bottom: 5px solid #383838;border-right: 5px solid #383838;}
		.team-demo.demo1 li:nth-of-type(even) .img-box{margin-top: 52%;}
		.team-demo.demo1 li:nth-of-type(even):hover .img-box>img{margin-top: 5%;}
		/*.team-demo.demo1 li:nth-of-type(even):hover .img-box::before{margin-top: 0%;}*/
		.team-demo.demo1 li:nth-of-type(even) main{margin-top: -119%;}
		.team-demo.demo1 li:nth-of-type(even):hover main{margin-top: -125%;}
		.team-demo.demo1 li main>p{height: 0;}
		.team-demo.demo1 li:hover main>p{height: 60px;}
	
		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.team-demo.demo1 li,.team-demo.demo1 li .img-box{height: auto;}
				.team-demo.demo1 li{border-bottom: 1px solid #e4e4e4;}
				.team-demo.demo1 .relative{position: sticky;}
				.team-demo.demo1 li .img-box::before{display: none;}
				.team-demo.demo1 li:hover .img-box>img{margin-top: 0;}
				.team-demo.demo1 li main{padding: 0 0 0 15px;}
				.team-demo.demo1 li:nth-of-type(even) main{padding: 0 15px 0 0;}
				.team-demo.demo1 li:hover main{margin-top: 0;}
				.team-demo.demo1 li main>p,.team-demo.demo1 li:hover main>p{height: auto;}
				.team-demo.demo1 li main,.team-demo.demo1 li:nth-of-type(even) .img-box{float: right;}
				.team-demo.demo1 li main,.team-demo.demo1 li:nth-of-type(even) .img-box,.team-demo.demo1 li:nth-of-type(even):hover .img-box>img,.team-demo.demo1 li:nth-of-type(even) main,.team-demo.demo1 li:nth-of-type(even):hover main{margin-top: 0;}
			}

	/*模型二——轮播*/
		.team-demo.demo2 .swiper-box{padding: 0 80px;}
		.team-demo.demo2 main{padding: 30px 48px;}		
		.team-demo.demo2 .radius-none{right: 0;bottom: 0;width: 140px;z-index: 2;}

		/*前进后退*/
			.team-demo.demo2 .nav-demo{top: 50%;left: 0;transform: translateY(-50%);}
			.team-demo.demo2 .nav-demo.demo2 li>a{width: 50px;height: 50px;background: url(../images/icon2.png)no-repeat;}
			.team-demo.demo2 .nav-demo.demo2 li:first-child>a{background-position: -10px -16px;}
			.team-demo.demo2 .nav-demo.demo2 li:first-child:hover>a{background-position: -10px -78px;}
			.team-demo.demo2 .nav-demo.demo2 li:last-child>a{background-position: -58px -16px;}
			.team-demo.demo2 .nav-demo.demo2 li:last-child:hover>a{background-position: -58px -78px;}

		/*分页*/
			.team-demo.demo2 .swiper-pagination{width: auto;left: 29%;bottom: 10%}
			.team-demo.demo2 .swiper-pagination-bullet{position: relative;width: 12px;height: 12px;border-radius: 0;background-color: rgba(92,92,92,0);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 1;border: 1px solid rgba(56, 56, 56, 0)}
			.team-demo.demo2 .swiper-pagination-bullet::after{content: "";display: block;width: 4px;height: 4px;background-color: rgba(82, 82, 82, 0.19);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
			.team-demo.demo2 .swiper-pagination-bullet-active, .team-demo.demo2 .swiper-pagination-bullet:hover{border: 1px solid rgba(56, 56, 56, 0.26);}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.team-demo.demo2 .swiper-box{padding: 0;}
				.team-demo.demo2 .swiper-slide{background-color: #fff;padding: 20px 0;border-bottom: 1px solid #EAEAEA;}
				.team-demo.demo2 main{padding: 0 0 0 15px;}
				
			}
	
	/*模型三——一行四列*/
		.team-demo.demo3 main{padding: 30px 20px 36px;}
		.team-demo.demo3 .swiper-slide:hover main{padding-top: 40px;padding-bottom: 46px;margin-top: -20px;z-index: 2;position: relative;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.team-demo.demo3 .swiper-slide{border-bottom: #e4e4e4 1px dotted;}
				.team-demo.demo3 main{padding: 0 0 0 15px;background: rgba(255,255,255,0);}
				.team-demo.demo3 .swiper-slide:hover main{padding: 0 0 0 15px;margin: 0;position: static;}
			}


	/*模型四——继承模型三，但是可用于内页列表*/
		.team-demo.demo4 section{margin: -15px;}
		.team-demo.demo4 .x12{padding-left: 15px;padding-right: 15px;margin: 10px 0;}
		.team-demo.demo4 .x12>li main{margin: 0;padding: 30px 20px 36px;}
		.team-demo.demo4 .x12>li main{height: 184px;}
		.team-demo.demo4 .x12>li:hover main{height: 204px;padding-top: 40px;margin-top: -20px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.team-demo.demo4 section{margin: unset;}
				.team-demo.demo4 .x12{border-bottom: #e4e4e4 1px dotted;margin: unset;}
				.team-demo.demo4 .x12>li main{padding: 0 0 0 15px;background: rgba(255,255,255,0);height: unset;}
				.team-demo.demo4 .x12>li:hover main{padding: 0 0 0 15px;margin: 0;position: unset;height: unset;}
			}


/*基础文字模板*/
	
	/*模版一*/
		.basictext-demo.demo1{height: 400px;}
		.basictext-demo.demo1 .xb40{padding: 60px;}
		.basictext-demo.demo1 .xb40 .line{width: 35px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.basictext-demo.demo1{height: 110px;}
				.basictext-demo.demo1 .xb40{padding: 5px 14px;}
				.basictext-demo.demo1 .xb40 h1{font-size: 2rem;}
				.basictext-demo.demo1 .xb40 .line{width: 20px;}
				.basictext-demo.demo1 .xb40 p{line-height: 22px;font-size: 1.2rem;}
			}

	/*模型二*/
		.basictext-demo.demo2 ul.container{height: 400px;}
		.basictext-demo.demo2 .show-b li{padding: 50px 0;}
		.basictext-demo.demo2 .show-b li:hover{margin-top: -50px;}
		.basictext-demo.demo2 .show-b li>a{padding: 50px;}
		.basictext-demo.demo2 .show-b li>a>span{width: 25px;margin: auto;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.basictext-demo.demo2{height: auto;}
				.basictext-demo.demo2 h1{font-size: 1.4rem;}

				/*选项卡*/
					.basictext-demo.demo2 #basictext-tab li{display: inline-block;margin-left: 20px;padding: 4px 20px;border-radius: 3rem;background-color: #F2F2F2;}
					.basictext-demo.demo2 #basictext-tab li:first-child{margin-left: 0;}
					.basictext-demo.demo2 #basictext-tab li.active{background-color: #E6001F;color: #fff;}
					
					.basictext-demo.demo2 #basictext-tab section{display: none;}
					.basictext-demo.demo2 #basictext-tab section.active{display: block;}
			}

	/*模型三*/
		.basictext-demo.demo3 h1{margin: 55px 0;}
		.basictext-demo.demo3 .btn{padding: 10px 40px;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.basictext-demo.demo3 h1{font-size: 1.8rem;margin: 30px;}
				.basictext-demo.demo3 .btn{font-size: 1.2rem;padding: 5px 20px;}
			}


/*多图模型*/
	
	/*模型一*/
		.images-demo.demo1 li{height: 400px;}
		.images-demo.demo1 li main{top: 0;left: 0;}
		.images-demo.demo1 li::after{content: "";display: block;width: 100%;height: 100%;opacity: 0;background-color: #0ae;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 1;}
		.images-demo.demo1 li:hover::after{opacity: 0.8;}
		.images-demo.demo1 li>div{top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2}
		.images-demo.demo1 li:hover>div{top: 42%;}
		.images-demo.demo1 li>div>h1::after{position: relative;display: block;width: 0;height: 0;border-top: 2px solid #fff;left: 50%;transform: translateX(-50%);bottom: -25px;content: "";-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;visibility: hidden;}
		.images-demo.demo1 li:hover>div>h1::after{width: 100px;visibility: visible;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo1 li{height: auto;background-image: none;position: static;padding-bottom: 0}
				.images-demo.demo1 li::after{display: none;}
				.images-demo.demo1 li>div{position: static;transform: translate(0);}
				.images-demo.demo1 li>div>h1{font-size: 1.8rem;color: #555;}
			}

	/*模型二*/
		.images-demo.demo2 main{left: 0;top: 0;margin: 50px 60px;}
		.images-demo.demo2 main .img-box{max-width: 58px;}
		.images-demo.demo2 main p{height: 66px;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo2 main{margin: 0 20px;top: 50%;transform: translateY(-50%);}
				.images-demo.demo2 main .img-box{max-width: 30px;}
				.images-demo.demo2 main h1{font-size: 2rem;line-height: 20px;}
				.images-demo.demo2 main p{font-size: 1.4rem;height: 40px;}
				.images-demo.demo2 main .btn{padding: 5px 30px;width: auto;}
			}

	/*模型三*/
		.images-demo.demo3 .xb80{max-width: 1440px;margin: 0 auto;float: none;}
		.images-demo.demo3 .xb80 .swiper-container{overflow: visible;}
		/*利用伪类遮挡左边溢出显示的轮播图*/
		.images-demo.demo3 .xb80 .swiper-container::after{position: absolute;top: 0;right: 100%;width: 100%;height: 100%;content: "";background-color: #fff;z-index: 1;}
		.images-demo.demo3 .swiper-slide::after{content: "";display: block;width: 100%;top: 0;left: 0;height: 0;position: absolute;background-color: rgba(0,0,0,0.25);z-index: 1;-webkit-transition: all 0.36s ease;-o-transition: all 0.36s ease;transition: all 0.36s ease;}
		.images-demo.demo3 .swiper-slide:hover::after{height: 100%;}
		.images-demo.demo3 .swiper-slide main{top: 0;left: 50%;transform: translateX(-50%);}
		.images-demo.demo3 .swiper-slide:hover main{opacity: 1;width: 100%;height: 100%;padding-top: 12%;z-index: 2;}
		.images-demo.demo3 .swiper-slide main .line{top: 10px;width: 1px;height: 0;margin: 0 auto;-webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;-o-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;background-color: rgba(244,244,244,.2);}
		.images-demo.demo3 .swiper-slide:hover main .line{height: 100px;}
		.images-demo.demo3 .swiper-slide .i-plus{width: 48px;height: 48px;margin-top: 10%;top: 38%;left: 50%;margin-left: -24px;z-index: 3;}
		.images-demo.demo3 .swiper-slide:hover .i-plus{opacity: 1;}
		.images-demo.demo3 .swiper-slide .i-plus:hover{transform: rotate(90deg);background-color: #8ec43d;}

		/*前进后退*/
			.images-demo.demo3 .nav-demo{top: 50%;left: 0;transform: translateY(-50%);height: 0;z-index: 3;}
			.images-demo.demo3 .nav-demo a{background-color: rgba(0,0,0,0.2);}
			.images-demo.demo3:hover .nav-demo a{opacity: 1;}
			.images-demo.demo3:hover .nav-demo .float-left a{margin-left: -70px;}
			.images-demo.demo3:hover .nav-demo .float-right a{margin-right: -70px;}
			.images-demo.demo3 .nav-demo.demo2 a{width: 50px;height: 50px;line-height: 48px;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo3 .swiper-slide::after{display: none;}
				.images-demo.demo3 .swiper-slide main{position: static;color: #999;opacity: 1;transform: translate(0);}
				.images-demo.demo3 .swiper-slide:hover main{padding: 0;}
				.images-demo.demo3 .swiper-slide main h1{font-size: 1.6rem;line-height: 30px;color: #555;}
				.images-demo.demo3 .img-scale-box:hover .scale-img{transform: scale(1);}
				.images-demo.demo3 .swiper-slide .i-plus{display: none;}
				.images-demo.demo3 .swiper-pagination{bottom: 0;}
				.images-demo.demo3 .swiper-pagination-bullet{width: 5px;height: 5px;}
			}

	/*模型四*/
		.images-demo.demo4{padding: 100px 0;} 
		.images-demo.demo4 .swiper-container{padding: 10px;} 
		.images-demo.demo4 .line{width: 30px;} 
		.images-demo.demo4 .swiper-slide:hover{-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .175);box-shadow: 0 0 15px rgba(0, 0, 0, .175);}
		.images-demo.demo4 .swiper-slide>a{padding: 56px 20px 40px;}
		.images-demo.demo4 .swiper-slide .line{border-color: #000;} 

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo4{padding: 0;}
				.images-demo.demo4 .swiper-slide>a{padding: 10px 30px 50px 30px;}
				.images-demo.demo4 .swiper-slide:hover{-webkit-box-shadow: none;box-shadow: none;}
				.images-demo.demo4 .swiper-pagination{bottom: 12%;}
				.images-demo.demo4 .swiper-pagination-bullet{width: 5px;height: 5px;}
			}

	/*模型五*/
		.images-demo.demo5 .swiper-slide::before{content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
		.images-demo.demo5 .swiper-slide:hover::before{background-color: #0a8;opacity: 0.9;}
		.images-demo.demo5 .swiper-slide main{top: 0;left: 0;z-index: 2;padding-top: 40%;}
		.images-demo.demo5 .swiper-slide:hover main{padding-top: 15%;}
		.images-demo.demo5 .swiper-slide main .line{width: 20px;}
		.images-demo.demo5 .swiper-slide main .btn{width: 120px;height: 36px;line-height: 36px;padding: 0;}
		.images-demo.demo5 .swiper-slide main:hover div, .images-demo.demo5 .swiper-slide main:hover .btn{opacity: 1;}
		.images-demo.demo5 .swiper-slide main:hover .line{opacity: 0;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo5 li:hover main i{color: #fff;}				
			}

	/*模型六*/
		.images-demo.demo6 .swiper-container{padding: 0 100px 60px 100px;}
		.images-demo.demo6  .bg-p-v{width: 600px;height: 448px;}
		.images-demo.demo6  .swiper-slide::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.2);-webkit-transition: all 0.36s ease;-o-transition: all 0.36s ease;transition: all 0.36s ease;opacity: 1;}
		.images-demo.demo6  .swiper-slide-active::after{opacity: 0;}
		.images-demo.demo6  .swiper-slide p{line-height: 46px;background-color: rgba(0,0,0,0.5);bottom: 0;left: 0;}
		.images-demo.demo6 .swiper-pagination{bottom: 20px;}
		.images-demo.demo6 .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
		.images-demo.demo6 .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}
		.images-demo.demo6 .swiper-button-prev, .images-demo.demo6 .swiper-button-next{width: 45px;height: 45px;line-height: 38px;}

		/*----------------移动端响应----------------*/
			@media( max-width:1024px ){
				.images-demo.demo6 .swiper-container{padding: 0;}
				.images-demo.demo6 .bg-p-v{width: 200px;height: 150px;}
				.images-demo.demo6  .swiper-slide p{font-size: 1.2rem;line-height: 30px;}
				.images-demo.demo6 .swiper-button-prev, .images-demo.demo6 .swiper-button-next{width: 35px;height: 35px;line-height: 28px;}
				.images-demo.demo6 #mol-images-demo6 a{z-index: 1;}
			}


/*伙伴模型*/

	/*模型一*/
		.partner-demo.demo1 .text-box::after{content: "";position: absolute;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #f5f5f5;-webkit-transform: translateX(-50%) rotate(-180deg);-moz-transform: translateX(-50%) rotate(-180deg);-ms-transform: translateX(-50%) rotate(-180deg);-o-transform: translateX(-50%) rotate(-180deg);transform: translateX(-50%) rotate(-180deg);top: auto;left: 50%;z-index: 2;}
		.partner-demo.demo1 li:nth-child(odd) .text-box::after{bottom: -20px;}
		.partner-demo.demo1 li:nth-child(even) .text-box::after{-webkit-transform: translateX(-50%) rotate(0);-moz-transform: translateX(-50%) rotate(0);-ms-transform: translateX(-50%) rotate(0);-o-transform: translateX(-50%) rotate(0);transform: translateX(-50%) rotate(0);top: -20px;bottom: unset;}
		.partner-demo.demo1 .text-box img.absolute{bottom: 10%;right: 5%;}
		.partner-demo.demo1 .text-box div.absolute{top: 16%;left: 0;}
		.partner-demo.demo1 .text-box .line{width: 60px;}
		.partner-demo.demo1 .img-box::before{content: "";display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(4,80,163,.5);opacity: 1;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;opacity: 1;}
		.partner-demo.demo1 li:hover .img-box::before{opacity: 0;}

		.partner-demo.demo1 li:nth-child(even) .text-box{margin-top: 75%;}
		.partner-demo.demo1 li:nth-child(even) .img-box{position: absolute;top: 0;}

		/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.partner-demo.demo1 .img-box::before{display: none;}
			.partner-demo.demo1 li:nth-child(even) .text-box{margin-top: 0;}
			.partner-demo.demo1 li:nth-child(even) .img-box{position: static;}

			.partner-demo.demo1 .text-box::after{border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid #f5f5f5;}
			.partner-demo.demo1 li:nth-child(odd) .text-box::after{bottom: unset;}
			.partner-demo.demo1 li:nth-child(even) .text-box::after{-webkit-transform: translateX(-50%) rotate(-180deg);-moz-transform: translateX(-50%) rotate(-180deg);-ms-transform: translateX(-50%) rotate(-180deg);-o-transform: translateX(-50%) rotate(-180deg);transform: translateX(-50%) rotate(-180deg);top: unset;}
		}

	/*模型二*/
		.partner-demo.demo2 ul{top: 50%;left: 0;transform: translateY(-50%);}
		.partner-demo.demo2 li{box-sizing: border-box;}
		.partner-demo.demo2 li>div{padding: 30px 16%;}
		.partner-demo.demo2 li>div>main{padding: 38px 80px 0 0;}
		.partner-demo.demo2 li .line{width: 68%;top: 0;left: 50%;transform: translateX(-50%);}
		.partner-demo.demo2 li:first-child .line{visibility: hidden;}

		/*-----小屏笔记本响应-----*/
		@media screen and (min-width: 1024px) and (max-width: 1420px) {
			.partner-demo.demo2 li>div>main{padding: 12px 0 0 0;}
			.partner-demo.demo2 li main a{top: 14%;}
		}
		/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.partner-demo.demo2 section, .partner-demo.demo2 ul{position: static;}
			.partner-demo.demo2 ul{transform: translate(0);padding-bottom: 50px;}
			.partner-demo.demo2 li>div{padding: 30px 20px;}
			.partner-demo.demo2 li>div>main{padding: 10px 0 0 0;}
			.partner-demo.demo2 li .line{width: 90%;}
		}

	/*模型三*/
		.partner-demo.demo3 li.show-b::after{content: "";display: block;border: 1px solid rgba(255, 255, 255, 0.12);height: 95%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
		.partner-demo.demo3 li.show-b main{top: 60px;width: 100%;}
		.partner-demo.demo3 li.show-b .btn{bottom: 60px;width: 150px;left: 50%;transform: translateX(-50%);border-color: rgba(204,204,204,0.35);z-index: 1}
		.partner-demo.demo3 li.show-b .btn:hover{border-color: rgba(204,204,204,1);background: none;color: #fff;}

		.partner-demo.demo3 li .text-box div.absolute{top: 50%;left: 0;transform: translateY(-50%);}
		.partner-demo.demo3 li:hover .text-box div.absolute{top: 40%;}
		.partner-demo.demo3 li .text-box a.btn{width: 150px;top: 75%;left: 50%;transform: translateX(-50%);}
		.partner-demo.demo3 li:hover .text-box a.btn{top: 60%;opacity: 1;background: none;color: #fff;}
		.partner-demo.demo3 li:nth-child(even) .text-box{margin-top: 0;}
		.partner-demo.demo3 li:nth-child(even) .img-box{position: absolute;top: 100%;}

		.partner-demo.demo3 li .text-box a.btn:hover{padding-left: 0px;padding-right: 20px;}
		.partner-demo.demo3 li .text-box a.btn::before{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;-webkit-transition: all 0.36s ease;-o-transition: all 0.36s ease;transition: all 0.36s ease;font-size: 1.4rem;}
		.partner-demo.demo3 li .text-box a.btn:hover::before{opacity: 1;left: 70%;}

		/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.partner-demo.demo3 li{padding: 0 68px;}
			.partner-demo.demo3 li .text-box{position: unset;padding: 15px;}
			.partner-demo.demo3 li .text-box div.absolute{position: unset;transform: translate(0);}
			.partner-demo.demo3 li:hover .text-box div.absolute>h2{color: #0ae;}

			.partner-demo.demo3 li:nth-child(even) .text-box{margin-top: 0;}
			.partner-demo.demo3 li:nth-child(even) .img-box{position: static;}

			.partner-demo.demo3 ul+.btn{width: 150px;margin: auto;box-sizing: border-box;}
			.partner-demo.demo3 .swiper-button-prev,.partner-demo.demo3 .swiper-button-next{top: 25%;}

		}


/*视频模板*/

	/*模版一*/
		.video-demo.demo1 section:first-child::after{position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/video-demo1-btn.png)no-repeat center center rgba(0,0,0,0);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
		.video-demo.demo1 section:first-child:hover::after{background-color: rgba(0,0,0,0.3);}
		.video-demo.demo1 section.bg::before{content: "";position: absolute;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #f5f5f5;-webkit-transform: translateX(-50%) rotate(-90deg);-moz-transform: translateX(-50%) rotate(-90deg);-ms-transform: translateX(-50%) rotate(-90deg);-o-transform: translateX(-50%) rotate(-90deg);transform: translateX(-50%) rotate(-90deg);top: 20%;left: -7px;z-index: 2;}
		.video-demo.demo1 section>main{top: 10%;left: 10%;}


		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.module-demo .module-title::before{display: none;visibility: hidden;}
			}

	/*模版二*/
		.video-demo.demo2 section iframe{height: 392px;}

		/*----------------移动端响应----------------*/
			@media screen and (min-width: 1220px) and (max-width: 1400px){
				.video-demo.demo2 section iframe{height: 336px;}
			}
			@media (max-width: 1024px){
				.video-demo.demo2 section iframe{height: 199.69px;}
			}

	/*模版三——轮播*/
		.video-demo.demo3 main{padding-right: 64px;}
		.video-demo.demo3 main>i{right: 0;top: 50%;transform: translateY(-50%);}

		/*图片展示列表*/
			.video-demo.demo3 #video-demo3-imglist .swiper-slide-active{border: 5px solid #0a ;}
			.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover .svg-play{top: 50%;}
			.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main{padding-left: 20px;}
			.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main>i{right: 5%;opacity: 1;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.video-demo.demo3 main{padding-right: 5px;}
				.video-demo.demo3 section iframe{height: 199.69px;}
				.video-demo.demo3 .swiper-slide:hover main{padding-left: 5px;}
				.video-demo.demo3 .swiper-slide main .title{color: #464646;font-size: 1.6rem;}
				.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main>i{opacity: 0;}
			}

	/*模版四*/
		.video-demo.demo4 .swiper-slide:hover .svg-play{top: -30%;opacity: 0;}
		.video-demo.demo4 .swiper-slide main{top: 50%;transform: translateY(0%);}
		.video-demo.demo4 .swiper-slide:hover main{opacity: 1;transform: translateY(-50%);}
		.video-demo.demo4 .swiper-button-prev, .video-demo.demo4 .swiper-button-next{width: 40px;height: 40px;background-image: url();}
		.video-demo.demo4 .swiper-button-prev>i, .video-demo.demo4 .swiper-button-next>i{vertical-align: middle;height: 100%;line-height: 38px;background-color: rgba(0,0,0,0.5);}
		.video-demo.demo4 .swiper-button-prev{left: -40px;}
		.video-demo.demo4 .container:hover .swiper-button-prev{left: 0;}
		.video-demo.demo4 .swiper-button-next{right: -40px;}
		.video-demo.demo4 .container:hover .swiper-button-next{right: 0;}
		/*大视频面板*/
			.video-demo.demo4 #video-demo4-play{padding: 0 50px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.video-demo.demo4 .swiper-slide>a{display: block;}
				.video-demo.demo4 .swiper-slide:hover .svg-play{top: 50%;opacity: 1;}
				.video-demo.demo4 .swiper-slide main{position: unset;color: #555;opacity: 1;}
				.video-demo.demo4 .swiper-slide:hover main{transform: unset;}
				.video-demo.demo4 .swiper-slide .mask-b{position: relative;}
				.video-demo.demo4 .swiper-slide .mask-b::after{display: none;}

				.video-demo.demo4 .swiper-button-prev,.video-demo.demo4 .container:hover .swiper-button-prev{left: 0;top: 40%;}
				.video-demo.demo4 .swiper-button-next,.video-demo.demo4 .container:hover .swiper-button-next{right: 0;top: 40%;}
				.video-demo.demo4 .container li:hover>i{background-color: #db030b;}
			}

	/*模版五——轮播*/
		.video-demo.demo5 .swiper-slide .svg-play{top: 40%;}
		.video-demo.demo5 .swiper-slide:hover .svg-play{top: 50%;opacity: 1;}
		.video-demo.demo5 .swiper-slide:hover main{padding-left: 30px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.video-demo.demo5 .swiper-slide:hover main{padding-left: 15px;}
				.video-demo.demo5 .swiper-slide main .title{color: #464646;font-size: 1.6rem;}
			}

	/* 
		模版六 + 模型七
		————继承模型五样式，两个版本都是内容页列表，其中版本七是【第三方视频】
	*/
		.video-demo.demo6 li, .video-demo.demo7 li{list-style: unset;}
		.video-demo.demo6 section, .video-demo.demo7 section{margin: -7.5px;}
		.video-demo.demo6 section>div, .video-demo.demo7 section>div{padding: 0 7.5px;margin: 7.5px 0;}
		.video-demo.demo6 section>div .svg-play, .video-demo.demo7 section>div .svg-play{top: 40%;}
		.video-demo.demo6 section>div>li:hover .svg-play, .video-demo.demo7 section>div>li:hover .svg-play{top: 50%;opacity: 1;}
		.video-demo.demo6 section>div>li:hover main, .video-demo.demo7 section>div>li:hover main{padding-left: 30px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.video-demo.demo7 section, .video-demo.demo6 section{margin: -2.5px;}
				.video-demo.demo7 section>div, .video-demo.demo6 section>div{padding: 0 2.5px;margin: 2.5px 0;}
				.video-demo.demo7 section>div>li:hover main, .video-demo.demo6 section>div>li:hover main{padding-left: 15px;}
				.video-demo.demo7 section>div>li main .title, .video-demo.demo6 section>div>li main .title{color: #464646;font-size: 1.6rem;}
			}



	/*----轮播展示的视频列表----*/

		[data-video-big] .swiper-container{top: 50%;transform: translateY(-50%);}
		[data-video-demo] .close{right: -4%;top: -2%;}
		[data-video-demo] .bg-p-v{width: 50px;height: 50px;background-color: #fff;line-height: 50px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				[data-video-demo] .swiper-slide .svg-play{display: none;}
			}


/*其他——模版*/

	/*模板一*/
		.others-demo.demo1 .btn{width: 142px;}
		.others-demo.demo1 main{top: 50%;left: 0;transform: translateY(-50%);}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo1 .float-right{clear: both;}
				.others-demo.demo1 main{position: unset;transform: translateY(0);}
				.others-demo.demo1 .btn{width: 100px;color: #fff;background-color: #0ae;padding: 5px 20px;}
			}


	/*模板二*/
		.others-demo.demo2 nav li{margin-top: -1px;}
		.others-demo.demo2 nav li:first-child{margin-top: 0;}
		.others-demo.demo2 nav li>a{box-sizing: borfer-box;}
		.others-demo.demo2 nav li.active>a{border-left: 2px solid #517bfc;color: #517bfc;z-index: 1;}
		.others-demo.demo2 .xb80>ul{display: none;}
		.others-demo.demo2 .xb80>ul.active{display: block;}
		.others-demo.demo2 .xb80>ul>li img{margin: 40px 0;}
		.others-demo.demo2 .xb80>ul>li main{top: 0;left: 0;transform: scale(0.3);}
		.others-demo.demo2 .xb80>ul>li:hover main{transform: scale(0.95);opacity: 1;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo2 nav li{margin: 0;}
				.others-demo.demo2 nav li>a{line-height: 20px;margin: -1px 0 0 -1px;}
				.others-demo.demo2 nav li.active>a{background-color: #517bfc;color: #fff;border-color: #517bfc}
				.others-demo.demo2 .xb80>ul>li:nth-child(odd){padding-right: 5px;}
				.others-demo.demo2 .xb80>ul>li:nth-child(even){padding-left: 5px;}
				.others-demo.demo2 .xb80>ul>li img{margin-top: 40%;}
			}


	/*模板三*/
		.others-demo.demo3 .counter{font-family: HELVETICANEUELTPRO-THEX, Arial}
		.others-demo.demo3 li{box-sizing: border-box;}
		.others-demo.demo3 li:hover>a{color: inherit;}
		.others-demo.demo3 li>a>small{top: -30px;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo3 li>a>span{font-size: 2rem;}
				.others-demo.demo3 li>a>small{top: -5px;}
			}


	/*模板四*/
		.others-demo.demo4 .swiper-box{padding: 0 50px;}
		.others-demo.demo4 .swiper-box>.swiper-container{padding: 10px 0;}
		.others-demo.demo4 .swiper-slide:hover{box-shadow: -10px 5px 40px rgba(0, 0, 0, 0.06);}
		.others-demo.demo4 .nav-demo{top: 50%;transform: translateY(-50%);left: 0;height: 0;z-index: 10}
		.others-demo.demo4 .nav-demo>li{top: 50%;transform: translateY(-50%);width: 50px;height: 50px;line-height: 46px;}
		.others-demo.demo4 .nav-demo>li:nth-child(odd){padding-left: 20px;}
		.others-demo.demo4 .nav-demo>li:nth-child(odd):hover{padding-left: 10px;}
		.others-demo.demo4 .nav-demo>li:nth-child(even){padding-right: 20px;}
		.others-demo.demo4 .nav-demo>li:nth-child(even):hover{padding-right: 10px;}
		.others-demo.demo4 .nav-demo>li:hover{opacity: 1;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo4 .swiper-box{padding: 0;}
			}


	/*模板五*/
		.others-demo.demo5 .bg-p-v{height: 758px;padding-top: 222px;background-image: url(../images/others-demo5-bg.png)}

		/*四个内容框*/
			.others-demo.demo5 li{width: 320px;}
			.others-demo.demo5 li:hover{box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);}
			.others-demo.demo5 li.textbox-1{top: 20px;left: 9%;}
			.others-demo.demo5 li.textbox-2{top: 240px;left: 9%;}
			.others-demo.demo5 li.textbox-3{top: 20px;right: 9%;}
			.others-demo.demo5 li.textbox-4{top: 240px;right: 9%;}
			.others-demo.demo5 li::before{content: "";opacity: 0;transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;font-family: Gotham-Black;font-size: 6.8rem;color: #00468c;z-index: 1;position: absolute;right: 10%;font-weight: bolder;top: -20%;}
			.others-demo.demo5 li.textbox-1::before{content: "01";right: 65%;}
			.others-demo.demo5 li.textbox-2::before{content: "02";right: 65%;}
			.others-demo.demo5 li.textbox-3::before{content: "03";}
			.others-demo.demo5 li.textbox-4::before{content: "04";}
			.others-demo.demo5 li:hover::before{opacity: 1;}

		.others-demo.demo5 li .line{width: 0;}
		.others-demo.demo5 li:hover .line{width: 100%;opacity: 1;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo5 .bg-p-v{height: auto;padding: 0;background-image: unset;}

				.others-demo.demo5 li.textbox-1,.others-demo.demo5 li.textbox-2,.others-demo.demo5 li.textbox-3,.others-demo.demo5 li.textbox-4{width: auto;position: unset;text-align: left;}
				.others-demo.demo5 li:hover{box-shadow: unset;}
				.others-demo.demo5 li::before{display: none;}
				
				.others-demo.demo5 li h3{color: #00468c;position: relative;display: inline-block;}
				.others-demo.demo5 li h3::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -14%;display: block;width: 10px;border-top: 1px solid #bdbcbc;z-index: 10;}
				.others-demo.demo5 li p{color: #898989;}
				.others-demo.demo5 li .line{display: none;}
			}


	/*模板六*/
		.others-demo.demo6{background-image: url(../images/others-demo6-bg.jpg);}
		.others-demo.demo6 section>main{margin-top: 14%;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo6{background-image: unset;}
				.others-demo.demo6 .container{padding: 0;}
				.others-demo.demo6 section>main{margin-top: 0;}
				.others-demo.demo6 section img{width: 100%;}
			}

	/*模板七*/
		.others-demo.demo7 main{top: 50%;left: 50%;transform: translate(-50%,-50%);}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo7 main>h1{font-size: 20px;}
			}

	/*模板八*/
		.others-demo.demo8 main{padding: 130px 0 232px 100px;}
		.others-demo.demo8 h1{line-height: 6rem;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo8 main{padding: 60px 15px;}
				.others-demo.demo8 h1{font-size: 5rem;line-height: 5rem;}
			}

	/*模板九*/
		/*右侧导航*/
			.others-demo.demo9 .nav>li>a{padding: 0 20px;line-height: 30px;}

		/*轮播*/
			.others-demo.demo9 .swiper-container,.others-demo.demo9 .swiper-wrapper{overflow: unset;}
			.others-demo.demo9 .swiper-slide>a{-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.12);box-shadow: 0 0 1px 0 rgba(0,0,0,.12);} /*通过阴影模拟描边*/
			.others-demo.demo9 .swiper-slide:hover>a{-webkit-box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);}
			.others-demo.demo9 .swiper-slide:hover main{transform: translateY(-80%);}
			.others-demo.demo9 .swiper-slide main>p{left: 50%;transform: translateX(-50%);margin-bottom: 0;}

		/*----------------移动端响应----------------*/
			@media (max-width: 1024px){
				.others-demo.demo9 .swiper-container,.others-demo.demo9 .swiper-wrapper{overflow: hidden;}
				.others-demo.demo9 .swiper-slide::after{display: none;visibility: hidden;}
				.others-demo.demo9 .swiper-slide{transform: translateY(0);-webkit-box-shadow: unset;box-shadow: unset;}
				.others-demo.demo9 .swiper-slide main{background-color: #f8f8f8;}
				.others-demo.demo9 .swiper-slide:hover main{background-color: #00468c;color: #fff;transform: translateY(0);}
				.others-demo.demo9 .swiper-slide:hover main h3{color: #fff;}
				.others-demo.demo9 .swiper-slide main p{display: none;}
				.others-demo.demo9 .btn{margin: 0 auto;padding: 10px 80px;}
			}



/*模块头部动效模板*/
	.module-demo .module-title::before{content: "";display: block;width: 22px;height: 3px;position: absolute;top: 22%;left: -3%;background-color: #595959;visibility: visible;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
	.module-demo .module-title.ani1::before{width: 0;}
	.module-demo .module-title:hover::before{width: 22px;}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.module-demo .module-title::before{display: none;visibility: hidden;}
		}


/*联系方式*/
	.contact-demo section>main>div>img{width: 200px;height: auto;}
	.contact-demo main>#map-box{height: 580px;}
	.contact-demo main>#map-box .amap-overlays{z-index: 1}
	.contact-demo main>#map-box .amap-info-outer, .contact-demo main>#map-box .amap-menu-outer{box-shadow: none;}
	/*地图列表*/
		.contact-demo main>#map-list{position: absolute;width: 320px;height: 400px;top: 50%;right: 5%;transform: translateY(-50%);z-index: 2;}
		.contact-demo main>#map-list .list-group>li{padding: 0;}
		.contact-demo main>#map-list .list-group>li:hover>a>h3{color: #0a8;}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.contact-demo section{border-top: 1px solid #ddd;padding-top: 20px;}
			.contact-demo section:first-child{border: 0;}
			.contact-demo section>main{text-align: center;}
			.contact-demo section>main>div{margin: 0 15px;}
			.contact-demo section>main>div>img{width: 140px}
			.contact-demo>div.pd-bottom-l{padding: 0;}
			.contact-demo main>#map-box{height: 300px;}
			.contact-demo main.relative, .contact-demo main>#map-list{position: static;}
			.contact-demo main.relative{padding: 10px ;background-color: #f9f9f9;}
			.contact-demo main>#map-list{transform: translate(0);width: 100%;}
		}


/*解决方案or案例展示*/
	/*全局*/
		.solution-demo>ul{margin: -10px -18px;}
		.solution-demo>ul>li>a{display: block;margin: 10px 18px;overflow: hidden;}
	
	/*效果一*/
		.solution-demo.demo1 li>a>div{/*height: 350px;*/background-color: #444;}
		.solution-demo.demo1 li>a>div>.mask{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);top: 0;left: 0;}
		.solution-demo.demo1 li>a:hover>div>.mask{background-color: rgba(0,0,0,0.5);}
		.solution-demo.demo1 li>a>div>main{position: absolute;bottom: -24%;background: url(../images/solution-demo1-bg.png);width: 100%;}
		.solution-demo.demo1 li>a:hover>div>main{bottom: 0;}
		.solution-demo.demo1 li>a>div>main>span{height: 46px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		.solution-demo.demo1 li>a>div>i.i-angle-right{position: absolute;right: 15px;bottom: 15px;}
		.solution-demo.demo1 li>a:hover>div>i.i-angle-right{opacity: 0;}

	/*效果二*/
		/*.solution-demo.demo2 li .xb5{padding-top: 8%;}*/
		.solution-demo.demo2 li .line-p-2{height: 60px;}
		.solution-demo.demo2 li button{padding: 8px 30px;color: #999;}
		.solution-demo.demo2 li:hover button{color: #fff;background-color: #0a8;border-color: #0a8;}

		/*----------------移动端响应----------------*/
			@media screen and (min-width: 1220px) and (max-width: 1400px){
				.solution-demo.demo1 li>a>div>main{bottom: -32%;}
				.solution-demo.demo2 li .xb5{padding-top: 5%;}
			}


	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.solution-demo>ul, .solution-demo>ul>li>a{margin: 10px 0;}
			.solution-demo.demo1 li>a>div>main>span{height: 36px;}

			.solution-demo.demo1 li>a>div{height: 280px;}
			.solution-demo.demo1 li>a>div>main{bottom: -30%;}
		
			.solution-demo.demo2 li>a>.size-b-big{font-size: 1.6rem;padding-left: 0;line-height: 30px;margin-top: 0;height: 120px;}
			.solution-demo.demo2 li>a>main{padding: 0;}
			.solution-demo.demo2 li>a>main>button{padding: 5px 20px;}
		}


/*客户评价*/
	/*全局*/
		.evaluate-demo>ul{margin: -10px -18px;}
		.evaluate-demo>ul>li>a{display: block;margin: 10px 18px;overflow: hidden;}
		.evaluate-demo>ul>li:hover>a img{transform: scale(1.08);width: 100%;vertical-align: middle;}

	/*效果*/
		.evaluate-demo.demo1 li>a>.img-box{overflow: hidden;}
		.evaluate-demo.demo1 li:hover>a h3{color: #0a8;}
		.evaluate-demo.demo1 li>a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:40px;overflow: hidden;}
		.evaluate-demo.demo1 li:hover>a p{color: #999;}
		.evaluate-demo.demo1 li:hover>a span{color: #555;}
		.evaluate-demo.demo1 li>a span>button{padding-left: 10px;padding-right: 10px;}
		.evaluate-demo.demo1 li:hover i.i-angle-right{padding-left: 15px;opacity: 1;}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.evaluate-demo>ul, .evaluate-demo>ul>li>a{margin: 10px 0;}
			.evaluate-demo.demo1 li>a p{-webkit-line-clamp: 3;padding-right: 20px;height: 60px;}
			.evaluate-demo.demo1 li>a p{height: 3.5rem;}
			.evaluate-demo.demo1 li>a span>button{padding: 0;}
		}


/*荣誉证书、图片列表*/
	/*全局*/
		.imagelist-demo>ul{margin: -10px -18px;}
		.imagelist-demo>ul>li>a{display: block;margin: 10px 18px;overflow: hidden;}
		.imagelist-demo>ul>li>a img{width: 100%;transition: all 0.5s;position: absolute;top: 50%;transform: translateY(-50%);}
		.imagelist-demo>ul>li:hover>a img{transform: translateY(-50%) scale(1.05);}

	/*效果*/
		.imagelist-demo.demo1 li .relative{height: 440px;}
		.imagelist-demo.demo1 li main{position: absolute;bottom: -70%;width: 100%;}
		.imagelist-demo.demo1 li>a:hover main{bottom: 0;opacity: 1;}
		.imagelist-demo.demo1 li main>i.i-search{width: 44px;height: 44px;line-height: 40px;}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			.imagelist-demo>ul{margin: 0;}
			.imagelist-demo>ul>li>a{margin: 10px 10px 0 0;}
			.imagelist-demo>ul>li:nth-child(even)>a{margin-right: 0;}
			.imagelist-demo.demo1 li .relative{height: 216px;}
		}


/*下载+问答*/
	/*下载*/
		.fold-demo .item:hover>.header, .fold-demo .item.active>.header{color: #d9271b;font-weight: normal;cursor: pointer;background-color: #f5f5f5;}
		.fold-demo .item .btn{padding: 10px 30px;}

	/*问答*/
		.recruit-demo .item>.header, .recruit-demo .item>.bodyer{padding: 10px 0;}
		.recruit-demo .item.active>.header{font-weight: normal;}
		.recruit-demo .item:hover>.header{background-color: #f5f5f5;}
		.recruit-demo .item.active>.header i.i-angle-down, .recruit-demo .item:hover>.header i.i-angle-down{opacity: 1;display: inline-block;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
		.recruit-demo .item>.bodyer{padding: 50px 100px;}

	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			/*全局*/
			.fold-demo .item>.height-huge{line-height: 30px;}
			.fold-demo .item .pd-top-m{padding: 0;}
			.fold-demo i.i-angle-down{display: none}
			/*招聘*/
			.fold-demo.demo3 .item>.header{padding: 10px 0;}
			.fold-demo.demo3 .btn{padding: 5px 10px;}
		}


/*底部模板*/
	/*全局*/

	/*版本一*/
		footer.footer-demo.demo1{padding: 25px 0;}

	/*版本二*/
		footer.footer-demo.demo2{padding: 100px 0;}
		footer.footer-demo.demo2 ul.nav>li{border-color: #555;}
		footer.footer-demo.demo2 ul.nav>li>a{padding: 0 25px;}
		footer.footer-demo.demo2 ul.nav>li:hover>a{color: #0a8;}

	/*版本三*/
		footer.footer-demo.demo3{padding-top: 60px;}
		footer.footer-demo.demo3 .xb4 img{width: 130px;}
		footer.footer-demo.demo3 i.i-phone{width: 34px;height: 34px;line-height: 36px;font-size: 24px;}


	/*----------------移动端响应----------------*/
		@media (max-width: 1024px){
			footer.footer-demo.demo1{padding: 10px 0;}
			footer.footer-demo.demo2{padding: 50px 0;}
			footer.footer-demo.demo3{padding-top: 30px;}
			footer.footer-demo.demo3 .xb4 img{width: 84px;height: auto;}
			footer.footer-demo.demo3 i.i-phone{width: 30px;height: 30px;line-height: 30px;font-size: 2rem;}
			footer.footer-demo.demo3 .xb4 p{line-height: 20px;font-size: 1rem;}
			/*footer.footer-demo.demo3 .x12{padding: 10px 0;margin-top: 20px;}*/
			footer.footer-demo.demo3 .btn{display: none;}
		}